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的留言板)

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


快速评论


技术评论

    • 845224315@qq.com 2018-01-17 10:41:24  1 评  | 回复

      2018网赚新项目,抢先机--我的座右铭:做不到日赚万元,死不瞑目!一辈子只做好一件事! 1.2018年最有潜力的赚钱项目,目前红利期不要错过。 2.稳定,每天赚个500-1000左右,我已经持续了一个多月,不然我也教不了你。 3.正规项目,可以长期操作。真正想赚钱的我可以教你,你赚了钱再来拜师。 4.好项目经得起考验,绝对不是垃圾项目,说的再好,你不做也是枉然。 5.虽然我不是大师,但是我能带你月赚万元绝没问题,直接复制我的就OK,不懂手把手教。 做网赚,别想一步登天,不是每个人都能赚钱的。如果,你没有坚定的信念,还是老老实实去上 班吧! 想清楚了再加我的微信,我要的是你勇往向前的决心,微信sgvg6666 (写验证码126,加我必通过) 我的座右铭:做不到日赚万元,死不瞑目!一辈子只做好一件事!


DD记账
top
+