Cara Buat Typing Text dalam Text Area

Cara Buat Typing Text  dalam Text Area

Membuat Pesan atau pengumuman di Blog dengan Typing Text dalam Text Area.

Dengan JavaScript berikut teman bebas menciptakan pesan , mampu mengatur kecepatan Typing dan ini lumayan keren untuk menyambut pengunjung blog Sobat.

D E M O

Cara Pasang di Blog
 Sobat Bisa Pasang pada widget Blog atau pada Artikel
Cukup Copy dan Paste Code berikut, Sobat mampu ubah kecepatan Typing ,  Jangan lupa ganti Text

Berikut ini Codenya :

 
 <form name="news"> <textarea cols="40" name="news2" rows="4" wrap="virtual"></textarea> </form>  <script language="JavaScript"> var newsText = new Array(); newsText[0] = "Selamat Datang teman Blogger Mania"; newsText[1] = "Pada tutorial dan demo .com"; newsText[2] = "Semoga semua bermanfaat...Jangan Lupa Komentarnya."; newsText[3] = "Indonesia Akhir 2012"; newsText[4] = "http://www..com"  var ttloop = 1;    // Repeat forever? (1 = True; 0 = False) var tspeed = 50;   // Typing speed in milliseconds (larger number = slower) var tdelay = 1000; // Time delay between newsTexts in milliseconds  // ------------- Sebaiknya jangan edit code dibawah ini -------------  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> 

SELAMAT MENCOBA dan Semoga Bermanfaat

Leave a Reply

Your email address will not be published. Required fields are marked *