feat(index.html): add pretty typewriter effect to header on main
This commit is contained in:
@@ -25,5 +25,25 @@
|
|||||||
<p>Please log in to manage your remote PCs.</p>
|
<p>Please log in to manage your remote PCs.</p>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
<script>
|
||||||
|
var i = 0;
|
||||||
|
var txt = document.getElementById("typing-text").innerHTML;
|
||||||
|
var minSpeed = 50;
|
||||||
|
var maxSpeed = 200;
|
||||||
|
|
||||||
|
document.getElementById("typing-text").innerHTML = "";
|
||||||
|
|
||||||
|
function typeWriter() {
|
||||||
|
if (i < txt.length) {
|
||||||
|
document.getElementById("typing-text").innerHTML += txt.charAt(i);
|
||||||
|
i++;
|
||||||
|
|
||||||
|
var randomDelay = Math.floor(Math.random() * (maxSpeed - minSpeed + 1)) + minSpeed;
|
||||||
|
setTimeout(typeWriter, randomDelay);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
typeWriter();
|
||||||
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user