mirror of
https://github.com/dilllxd/gitfolio.git
synced 2024-08-14 22:28:09 +00:00
Animate username
This commit is contained in:
parent
85835e6167
commit
9dd8f0ff82
3 changed files with 70 additions and 4 deletions
|
@ -69,6 +69,59 @@
|
|||
magicProjectsGrid.listen();
|
||||
magicForksGrid.listen();
|
||||
});
|
||||
|
||||
// function([string1, string2],target id,[color1,color2])
|
||||
consoleText(["K4USTU3H", "Just another code copy-paster."], "text", [
|
||||
"white",
|
||||
"white"
|
||||
]);
|
||||
|
||||
function consoleText(words, id, colors) {
|
||||
if (colors === undefined) colors = ["#fff"];
|
||||
var visible = true;
|
||||
var con = document.getElementById("console");
|
||||
var letterCount = 1;
|
||||
var x = 1;
|
||||
var waiting = false;
|
||||
var target = document.getElementById(id);
|
||||
target.setAttribute("style", "color:" + colors[0]);
|
||||
window.setInterval(function() {
|
||||
if (letterCount === 0 && waiting === false) {
|
||||
waiting = true;
|
||||
target.innerHTML = words[0].substring(0, letterCount);
|
||||
window.setTimeout(function() {
|
||||
var usedColor = colors.shift();
|
||||
colors.push(usedColor);
|
||||
var usedWord = words.shift();
|
||||
words.push(usedWord);
|
||||
x = 1;
|
||||
target.setAttribute("style", "color:" + colors[0]);
|
||||
letterCount += x;
|
||||
waiting = false;
|
||||
}, 1000);
|
||||
} else if (letterCount === words[0].length + 1 && waiting === false) {
|
||||
waiting = true;
|
||||
window.setTimeout(function() {
|
||||
x = -1;
|
||||
letterCount += x;
|
||||
waiting = false;
|
||||
}, 1000);
|
||||
} else if (waiting === false) {
|
||||
target.innerHTML = words[0].substring(0, letterCount);
|
||||
letterCount += x;
|
||||
}
|
||||
}, 120);
|
||||
window.setInterval(function() {
|
||||
if (visible === true) {
|
||||
con.className = "console-underscore hidden";
|
||||
visible = false;
|
||||
} else {
|
||||
con.className = "console-underscore";
|
||||
|
||||
visible = true;
|
||||
}
|
||||
}, 400);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue