jQuery setInterval定时执行和停止执行一个方法的例子
程序员文章站
2022-03-01 15:00:44
...
最近发现很多哥们在使用jQuery的setInterval时总是不能成功、当然我在使用的时候也没有成功、最后在网上找了一下、发现别人的也有很多错误、最后发现了setInterval的正确使用方法
第一种方法
$(function(){
setInterval (showTime, 2000);
function showTime()
{
var today = new Date();
alert("The time is: " + today.toString ());
}
})
第二种方法
$(function(){
$.extend({
show:function(){
alert("设置成功了");
}
});
setInterval($.show,3000);
})
另外如果大家想停止定时执行的方法的话、可以参考如下代码、也就是把定时器赋值给一个变量
//把定时器赋值给一个变量
var int=setInterval(function(){}, timer);
//清除定时器
clearInterval(int);
以下是我做的整个HTML的代码（没有停止执行的代码、大家可以自己加哈）、如果要使用、要自己引入jQuery包哈、关于是jQuery的包我这里就不公布出来了哈、大家可以自己去下载呢
<html>
<head>
<script src="scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
setInterval (showTime, 2000);
function showTime()
{
var today = new Date();
alert("The time is: " + today.toString ());
}
$.extend({
show:function(){
alert("设置成功了");
}
});
setInterval($.show,3000);
})
</script>
</head>
<body>
<div>
这是一个测试jQuery setInterval方法的页面
</div>
</body>
</html>
希望以上代码对大家有帮助、同时以后我自己使用的时候也可以直接找了