必威体育Betway必威体育官网
当前位置:首页 > IT技术

clearInterval() 方法与setInterval() 方法【2018.11.23】

时间:2019-10-18 12:12:21来源:IT技术作者:seo实验室小编阅读:53次「手机版」
 

clearinterval

HTML DOM clearInterval() 方法

定义和用法

clearInterval() 方法可取消由 setInterval() 设置的 timeout。

clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。

语法

clearInterval(id_of_setinterval)
参数 描述
id_of_setinterval 由 setInterval() 返回的 ID 值。

 

HTML DOM setInterval() 方法

定义和用法

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

语法

setInterval(code,millisec[,"lang"])
参数 描述
code 必需。要调用的函数或要执行的代码串。
millisec 必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。

返回值

一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。

<!DOCTYPE html>
<html xmls="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html;charset=gbk"/>
	<title></title>
	<script type="text/javascript">
		var alldata="a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,s,t,u,v,w,x,y,z";
		var alldataarr= alldata.split(",");
		var num=alldataarr.length-1;
		var timer;
		function start()
		{
			clearInterval(timer);
			timer=setInterval('change()',10);
		}

		function change(){
			document.getelementbyid("oknum").innerHTML=alldataarr[GetRnd(0,num)];
		}

		function GetRnd(min,max){
			return parseInt(Math.random()*(max-min+1));
		}

		function ok()
		{
			clearInterval(timer);
			document.getElementById("showresult").value=document.getElementById("oknum").innertext;
		}
	</script>
</head>
<body>
	<p id="oknum" name="oknum">请点击开始</p>
	<button οnclick="start()" accesskey="s">开始</button> <!--//accesskey 属性规定激活(使元素获得焦点)元素的快捷键。-->
	<button οnclick="ok()" accesskey="o">停止</button>
	<span><strong>您的选择是:</strong></span>
	<input type="text" id="showresult" value=""/>
</body>
</html>

相关阅读

setInterval函数的用法

我是想用canvas实现一个进度条,用到这个定时器setInterval,但是调用的函数只执行了一次。定义:setInterval() 方法可按照指定的周期(

使用setTimeout实现setInterval的功能

timerFun() function timerFun(){ //要执行的操作 var timer=setTimeout(function(){  timerFun() clearTimeout(timer) },2000)

setInterval()方法的使用

setInterval()这个方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval(x(),y); x()代表你调用的方法, y是每隔多长时间

javascriptwindow对象setInterval()事件

<!DOCTYPE html> <html> <head> <title>dom1.html</title> <meta http-equiv="keywords" content="keyword1,keyword

setInterval设置停止和循环

setInterval 不同于setTimeout,setInterval会无限反复执行,如果要让setInterval停止执行该怎么做呢?只需要把setInterval()赋值给一

分享到:

栏目导航

推荐阅读

热门阅读