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

最新推荐文章于 2024-05-31 14:59:27 发布
最新推荐文章于 2024-05-31 14:59:27 发布
阅读量971 收藏
点赞数
分类专栏： javascript 每日一练

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>
	<div id="oknum" name="oknum">请点击开始</div>
	<button onclick="start()" accesskey="s">开始</button> <!--//accesskey 属性规定激活（使元素获得焦点）元素的快捷键。-->
	<button onclick="ok()" accesskey="o">停止</button>
	<span><strong>您的选择是：</strong></span>
	<input type="text" id="showresult" value=""/>
</body>
</html>

 

冰零界点
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
setTimeOut()和setInterval()的用法
weixin_44493841的博客
08-14 258
setTimeOut()和setInterval()的用法 setTimeOut(function(){},1000); 在特定时间之后调用函数，只调用一次 setInterval(function(){},1000);每隔特定的时间调用一次函数，调用n多次,最好不要经常使用 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">  &nbsp
setInterval()实现时间刷新
gcdm0708的博客
04-19 4159
setInterval()什么是setInterval()？                setInterval()是Window对象的一个方法。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。setInterval()语法：      ...
VUE设置和清除定时器
marsur的博客
10-26 1万+
keep-alive > 有缓存的作用，可以使被包裹的组件状态维持不变，当路由被 keep-alive 缓存时不走 beforeDestroy 生命周期。被包含在 < keep-alive > 中创建的组件，会多出两个生命周期钩子: activated 与 deactivated。在组件被激活时调用，在组件第一次渲染时也会被调用，之后每次keep-alive激活时被调用。该方法与在生命周期钩子beforeDestroy中清除定时器的操作原理一样，但更有优势。
Vue2中 定时器 clearInterval()，结束定时器无效，已解决！
学而不思则罔,思而不学则殆
11-01 4207
Vue中 定时器 clearInterval()，结束定时器无效，已解决！
五月踩坑指南之clearInterval()定时器不起效果
最新发布
ll_883963的博客
05-31 635
所以当一个定时器可能会被多次调用的时候，只清理一次肯定会出现没有清理完全的情况，这时候就会出现“clearInterval不起作用的情况。在其他地方看到，实验了并未生效，但其他人实现了，可以一试，如果生效比第一种简洁。第二个函数的定时器覆盖了第一个，所以第一个定时器永远也没有办法移除了。此时，我们会发现页面仍有定时器内的方法在调用，这是为什么呢？
React 函数组件中无法清除定时器问题
kiku
07-27 2966
函数组件的本质是一个函数，而在在一个局部函数中，函数每一次执行，都会在把函数的变量重新生成一次。
vue清除定时器，clearInterval
weixin_30478923的博客
04-22 4241
let time = 10 let intervalFunc = window.setInterval(() => { time = time - 1 if (time < 1) { window.clearInterval(intervalFunc) } }, 1000) 　　 转载于:ht...
clearInterval不起作用,vue中定时器无法关闭
abdke_123的博客
04-11 2838
在vue中，设置定时器，使用clearInterval()不起效果，这是因为经过页面切换，设置的定时器已不是同一个，再使用clearInterval只对当前页面的定时器清除，但之前页面定义的无法清除。vue离开页面时销毁定时器。vue 是单页面应用，路由切换后，定时器并不会自动关闭，需要手动清除，当页面被销毁时，清除定时器即可。
window.clearInterval与window.setInterval的用法.
12-24
window.clearInterval与window.setInterval的用法.
window.setInterval()方法的定义和用法及offsetLeft与style.left的区别
09-03
`clearInterval()`方法用于取消由`setInterval()`设置的定时器。在上述例子中，如果不再需要定时器，可以通过传递`setInterval()`返回的ID`flag`给`clearInterval()`来停止它。 关于`offsetLeft`和`style.left`的...
setinterval()与clearInterval()JS函数的调用方法
10-24
主要介绍了setinterval()与clearInterval()JS函数的调用方法,实例分析了setinterval()与clearInterval()的语法结构及使用技巧,需要的朋友可以参考下
js中SetInterval与setTimeout用法.pdf
09-27
JavaScript 中的 SetInterval 与 setTimeout 用法 在 JavaScript 中，SetInterval 和 setTimeout 是两种常用的定时器函数，用于实现延迟执行或重复执行某些操作。本文将详细介绍这两种函数的用法和区别。 ...
setTimeout()与setInterval()方法区别介绍
12-01
相比之下，`setInterval()`函数按照指定的周期性间隔持续调用一个函数或表达式，直到被显式地停止（通过调用`clearInterval()`）或者浏览器窗口被关闭。这个函数常用于需要周期性更新内容的场景，比如实时时钟、轮播...
Vue：关于setInterval() 方法和clearInterval() 方法
米拉
06-10 7242
W3CSchool对于setInterval()及clearInterval()的解释： 在Vue中如下使用，clearInterval()是不会起作用的。 created () { setInterval(this.ReckonTime,5000); }, destroyed () { clearInterval(this.ReckonTime); }, methods: { ReckonTime(){ console.log('执行定时器');
在 Vue 里如何优雅的清除一个定时器？
weixin_40542544的博客
07-22 3627
前言 清除定时器，相信有相当一部分人是这么写的： export default { data() { reurn { timer: null } }, mounted() { this.timer = setInterval(() => { console.log('setInterval') }, 2000) }, beforeDestroy() { clearInterval(this.timer)
vue设置定时器、清除定时器
简单发点工作中用到的，或者记录下小知识点
08-15 2714
vue设置定时器、清除定时器。
vue定时器清除不掉，导致功能频繁执行问题
热门推荐
来一颗砂糖橘
04-21 2万+
前端Vue项目中定时器清除问题
setInterval全面的介绍
08-02 1404
setInterval全面的介绍setInterval动作的作用是在播放动画的时，每隔一定时间就调用函数，方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。setInterval动作的语法格式如下：setInterval(function,interval[,arg1,arg2,......argn])setInterval(
在javascript中 setInterval()、clearInterval()、clearTimeout()等等常用的函数的含义
我是星星的博客
07-12 7688
setInterval()是一种定时器，它按照指定的设置时间（以毫秒计）来调用函数的方法。clearInterval()是结束定时器的循环调用函数。除非调用clearInterval()方法，否则无限循环执行回调函数。例如：123456789vari=0;//定义一个变量ivart=setInterval(function(){if(i===60){clea...
egret.setInterval
08-18
Egret.setInterval is a method in the Egret framework that allows you to execute a function repeatedly with a specified time interval. It is commonly used for creating animations or running tasks at regular intervals. The basic syntax for using Egret.setInterval is as follows: ``` egret.setInterval(callback: Function, thisObject: any, delay: number): number ``` - `callback`: The function to be executed at each interval. - `thisObject`: The object to which the "this" keyword refers to inside the callback function (optional). - `delay`: The time interval (in milliseconds) between each execution of the callback function. The method returns a unique identifier (number) that can be used to clear the interval later using the `egret.clearInterval` method. Here's an example usage of Egret.setInterval: ```typescript let intervalId = egret.setInterval(() => { console.log("Executing callback function"); }, this, 1000); ``` In this example, the callback function will be executed every 1000 milliseconds (1 second). The `this` keyword refers to the current object. The `intervalId` can be later used to clear the interval if needed using `egret.clearInterval(intervalId)`.

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值