Cara Membuat Animasi Auto Typing Text Menggunakan Java Script

Assalamualaikum sobat blogger semua,,,,
Apa kabar kalian semuanya?
Semoga kalian baik2 saja yaaa,,,karena sekarang sudah pergantian musim panas. Kebanyakan ditiap pergantian musim akan terserang penyakit seperti flu atau flu dan batuk. Untuk mengatasinya cukup dengan menjaga kesehatan anda jangan sampai imun anda lemah. Oke sedikit saran saja dari saya. Disini aku mau kasi tutorial Cara Membuat Animasi Auto Typing Text Menggunakan Java Script. Setelah aku coba-coba, Akhirnya animasi ini berjalan juga. Ini adalah murni artikel saya yang buat, dan kodenya buka dari saya. Tapi dari Admin.Oke deh langsung disimak saja yaa

Animasi auto typing ini bisa anda letakkan dimana saja sesuai selera anda masing-masing. Cukup dengan copy paste kode dibawah ini dan letakkan ditempat yang anda inginkan.

<form name="news">
<textarea cols="50" name="news2" rows="3" wrap="virtual"></textarea> </form>
<script type="text/javascript">
//<![CDATA[ var newsText = new Array();
newsText[0] = "Terima Kasih Telah Berkunjung diblog saya";
newsText[1] = "Anda Sedang Membaca Artikel Tentang:";
newsText[2] = "Cara Membuat Animasi Auto Typing Text";
newsText[3] = "Semoga Bermanfaat Bagi Anda Semua...";
newsText[4] = "Dan Selamat Mencoba!";
newsText[5] = "Jangan Lupa Tinggalkan Komentar Anda...";
var ttloop = 1; // diulang-ulang teksnya ganti dengan 1 (1 = True; 0 = False) var tspeed = 100;
// Typing speed in milliseconds (larger number = slower) var tdelay = 1000;
// Time delay between newsTexts in milliseconds
// ------------- NO EDITING AFTER THIS LINE -------------
var dwAText, cnews=0, eline=0, cchar=0, mxText;
function doNews() { mxText = newsText.length - 1;
dwAText = newsText[cnews];
setTimeout("addChar()",1000) }
function addNews() { cnews += 1;
if (cnews <= mxText) { dwAText = newsText[cnews];
if (dwAText.length != 0) { document.news.news2.value = ""; eline = 0; setTimeout("addChar()",tspeed) } } } function addChar() { if (eline!=1) { if (cchar != dwAText.length) { nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k); document.news.news2.value = nmttxt; cchar += 1; if (cchar != dwAText.length) document.news.news2.value += "_"; } else { cchar = 0; eline = 1; } if (mxText==cnews && eline!=0 && ttloop!=0) { cnews = 0; setTimeout("addNews()",tdelay); } else setTimeout("addChar()",tspeed); } else { setTimeout("addNews()",tdelay) } } doNews() //]]> </script>

Dan hasilnya Seperti ini:

Share :

Tweet

More

Related Post