Di bawah ini kita akan mempelajari cara membuat efek pengetikan dengan JavaScript.
<!DOCTYPE html> <html> <body> <h1>Contoh Typewriter</h1> <button onclick="typeWriter()">Tekan</button> <p id="demo"></p> <script> var i = 0; var txt = 'Thats Okay'; var speed = 50; function typeWriter() { if (i < txt.length) { document.getElementById("demo").innerHTML += txt.charAt(i); i++; setTimeout(typeWriter, speed); } } </script> </body> </html>
Membuat Efek Typewriter
Langkah 1) Tambahkan HTML:
Contoh
<p id="demo"></p>
Langkah 2) Tambahkan JavaScript:
Contoh
var i = 0;
var txt = 'Thats Okay';/* teksnya */
var speed = 50; /* Kecepatan / durasi efek dalam milidetik */
function typeWriter() {
if (i < txt.length) {
document.getElementById("demo").innerHTML += txt.charAt(i);
i++;
setTimeout(typeWriter, speed);
}
}