JavaScript中的setInterval()和calearInterval()函数经常会用到各种web前端中,上篇Jquery滑动展示效果中就使用用了这两个函数。这两个函数解决了当鼠标移入展示区动画变停止,移出展示区动画变开始。
以下是setInterval()和clearInterval()函数的使用。
<html>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",1000)/*使用计时器每隔一秒执行一次clock函数,其中self是DOM对象,相当于window对象,常使用window.self*/
function clock()
{
var t=new Date()
document.getElementById("clock").value=t
}
</script>
<button onclick="int=window.clearInterval(int)">清除计时器</button>
</body>
</html>