setInterval与clearInterval的使用示例代码
setinterval是一个很有用的js函数,可以用来重复执行某些功能,利用这个我们可以实现一些很有趣的功能,比如:
不刷新页面的情况下,"实时"获取其它会员给你发来的问候,并弹出显示之类
下面给一个示例代码:(里面用了一些jquery的方法)
. 代码如下:
<html>
<head>
<title>jquery 操作 select</title>
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script type="text/javascript">
var i=1;
var _interval;
function showtime()
{
var today = new date();
$("#msg").html(today.tolocalestring() + ",i=" + i);
i++;
if (i>10)
{
clearinterval(_interval);
}
}
$(document).ready(function(){
$("#btnstart").click(function(){
showtime();
_interval = setinterval("showtime()", 1000);
})
$("#btnstop").click(function(){
clearinterval(_interval);
i=0;
})
})
</script>
</head>
<body>
<label id="msg"></label>
<button id="btnstart">开始记时</button>
<button id="btnstop">停止记时</button>
<script type="text/javascript"></script>
</body>
</html>