2010年5月16日星期日

[jQuery] 我想用更簡單的timer!!!!!!(怒吼) jQuery聽到啦!!

相信如果用Javascript來寫一個timer控制，

大概會寫到想吐血~~

因為只有setTimeout可以使用，

雖然用起來不會太瑣碎，

但仍然不夠簡潔、好用~

來~~

現在不就來了一個神奇的plugin了嗎?XD

首先呢~

請先到 http://plugins.jquery.com/project/Timer 下載 jQuery plugin，

當然要用這個plugin一定要先include jQuery啦~~

在這裡廢話就不多說~

時接來個簡單的讀秒範例讓他家聞聞香~~XD

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script src="jquery.js" type="text/javascript" ></script>

<script src="jquery_timer.js" type="text/javascript" ></script>



<script type="text/javascript" language="javascript">

var i=0;

$(document).ready(initial);



function initial(){

$.timer(1000,function(timer){

$('#res').html(i+=1); 

});



}



</script>

<title>讀秒範例</title>

</head>

<body>

<div id="res" ></div>

</body>

</html>