setTimeout和setInterval的使用

实际上,setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。

不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码。

虽然表面上看来setTimeout只能应用在on-off方式的动作上,不过可以通过创建一个函数循环重复调用setTimeout,以实现重复的操作

使用clearTimeout,clearInterval来停止

设置一个无限循环的:

 

<script type="text/javascript">
var c=0
var t
function timedCount()
 {
 document.getElementById('txt').value=c
 c=c+1
 t=setTimeout("timedCount()",1000)
 }
</script>

 

 

<input type="button" value="Start count!" onClick="timedCount()">
停止:
function stopCount()
 {
 clearTimeout(t)
 }

 

posted @ 2012-07-25 18:17  Uoolo  阅读(218)  评论(0编辑  收藏  举报