Cara Membuat Tulisan Teks Seperti Sedang DiKetik

Hallo para sahabat blogger, masih ingin belajar ilmu javascript? Yuk mari kita belajar sama-sama di forum blog ini.

Jika kita mau mencari tau fungsi dari javascript, itu sangat luas dan untuk mendapatkan semuanya tak terjangkau oleh blogger pemula seperti kita. Namun sedikit-demi sedikit akan kita dapatkan juga beberapa kode yang telah dibuat oleh para perancang profesional.

Kode ini saya dapatkan dari blog temen yang menyajikan informasi serupa di http://maubelajar-html.blogspot.com/2013/03/cara-membuat-text-seperti-diketik.html dan telah sedikit saya modifikasi.

Sebelum saya panjang lebar menjelaskan tutorialnya, silahkan Anda lihat demonya berikut ini

Bagaimana, apakah Anda tertarik memasangnya pada Blog Anda? Silahkan comot kode-kodenya dibawah ini
<div class="KS_KetikTeks">

<script language="JavaScript">
var text="(-=DEMO BROOOOOOO=-)<br/>(-=INI JUGA DEMOOOOOO=-)";
var delay=30;
var currentChar=1;
var destination="[none]";
function type()
{
{
var dest=document.getElementById(destination);
if (dest)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function KS_Mulai(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
</script>

<div id="KS_KetikTeks"></div>

<script type="text/javascript">
javascript:KS_Mulai(text, 50, "KS_KetikTeks");
</script>
</div>

<style type="text/css">
.KS_KetikTeks, #KS_KetikTeks{text-align:center;background-color:#0CACF2;font:50px arial;color:#4bff14;margin:0px;}
</style>
Silahkan edit sesuai selera masing-masing.
Editing
Untuk angka 5000 berwarna biru diatas adalah mengatur kecepatan perulangan teks. 5000 berarti 5 detik.
Sedangkan untuk yang angka 50 digunakan untuk mengatur kecepatan efek mengetik. Semakin besar angka tersebut, maka semakin lambat.
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini