Membuat Efek Blink Text Dengan Javascript

hallo teman-teman bertemu lagi pada tutorial dumet school, pada tutorial kali ini kita akan coba mempraktekan bagaimana cara membuat efek blink text dengan javascript.
untuk teman-teman yang sudah kenal dengan html 4 pasti sudah mengenal tag yang berfungsi untuk membuat suatu text berkedip-kedip(Blink), adalah tag yang berfungsi untuk itu, namun pada kali ini kita akan coba membuatnya dengan fungsi javascript.

oke untuk lebih jelasnya kita langsung saja praktekan, teman-teman silahkan buat sebuah file dan ketikan script html seperti berikut :

<html>
<head>
<title>Blink</title>
</head>
<body>

<div id="area-text">
	<div id="blink-text">
  	Blink Text
  </div>
</div>
</body>
</html>

saya membuat 2 div dimana div pertama sebagai areanya dan div didalamnya  dalah text yang akan kita buat berkedip tau blink,

nah setelah itu silahkan tambahkan script css seperti berikut:

<style type="text/css">
div#area-text
{	width:100px; padding: 8px; color:#fff;
	text-align:center;background-Color:#AA9D9D;
}
</style>

di bagian css saya mengatur untuk area blink textnya berwana abu-abu dan text didalamnya berwarna putih, jika sudah teman teman bisa save.

Nah sekarang tinggal kita tambahkan fungsi javascriptnya silahkan teman-teman ketikan script berikut :

<script type="text/javascript">
var x=1;
function blink(id) {
	document.getElementById(id).style.width="300px";
	if(x==1){
		document.getElementById(id).style.backgroundColor = "red";
		x=2;
	} else {
		document.getElementById(id).style.backgroundColor = "";
		x=1;
	}
}
window.onload=function(){
setInterval("blink('alert')", 500);}

var blink_speed = 500; // every 1000 == 1 second, adjust to suit
var t = setInterval(function () {
    var ele = document.getElementById('blink-text');
    ele.style.visibility = (ele.style.visibility == 'hidden' ? '' : 'hidden');
}, blink_speed);
</script>

letakan script di atas di antara tag head, lalu coba save dan jalankan pada browser dan lihat hasilnya,

gimana? mudah bukan, cukup sekian dulu tutorial kali ini, semoga bermanfaat, terimakasih.