Cara Buat Typing Text dalam Text Area

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


Dengan JavaScript berikut sobat bebas menciptakan pesan , bisa 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 bisa 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 sobat Blogger Mania";
newsText[1] = "Pada tutorial dan demo kumpulancara.com";
newsText[2] = "Semoga semua bermanfaat...Jangan Lupa Komentarnya.";
newsText[3] = "Indonesia Akhir 2012";
newsText[4] = "http://www.kumpulancara.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

Share this post