jQuery setInterval定时执行和停止执行一个方法的例子
2014-10-29 18:50:29  By: dwtedx

最近发现很多哥们在使用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>

希望以上代码对大家有帮助、同时以后我自己使用的时候也可以直接找了

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+