jq刷新页面会定时器会清除么

JavaScript019

jq刷新页面会定时器会清除么,第1张

JS定时器有两种,分别是setTimeout和setInterval,区别是前者是一次执行,后者是循环执行,具体什么意思呢,直接看代码。

//指定时间为6000毫秒,即6s,到达6s后,执行一次,之后不再执行。

setTimeout(function(){

alert("执行一次定时器")

},6000)

//指定时间为6s,每过6s执行一次

setInterval(function(){

alert("循环执行定时器")

},6000)

1

2

3

4

5

6

7

8

9

1

2

3

4

5

6

7

8

9

要关闭定时器,首先我们要先获取到定时器,即如果页面中设置了多个定时器,我们需要知道要关闭那个定时器,直接看代码:

//定义一个变量获取到定时器

var timer = setInterval(function(){

alert("timer是一个数字,即代表了当前定时器")

},6000)

var timer2 = setTimeout(function(){

alert("第二个定时器")

},6000)

//调用方法,关闭指定的定时器

clearInterval(timer)

1

2

3

4

5

6

7

8

9

1

2

3

4

5

6

7

8

9

注:定时器启动后,刷新浏览器会清空定时器。有时我们在页面中定义了定时器,在关闭页面时,定时器并不会关闭,我们可以获取定时器,然后在页面的关闭事件中清除定时器。有时我们需要在其他页面对定时器进行关闭,这时可以在对应的页面定义变量,然后在定义定时器页面获取定时器,并赋值给指定页面的变量,这样就可以在指定页面对定时器进行关闭了,需要注意的是,如果我们定时器放到函数中时,在页面初始化时并不能获取到定时器,只有在调用了函数后才会获取到定时器,所以如果要在页面初始化时就获取定时器,不要将定时器放到函数中。这样在页面加载时可以直接加载定时器启动定时器,这样就能拿到定时器了。

1、定时器

2、清除定时器

3、例如:  过一秒钟 在控制台上打印出 一个数字 比如1,再过一秒钟 打印出2 ....,点击清除定时器 终止打印 。

4、 setTimeout 和 setInterval的区别是:

5、 sessionStorage 存储之后 页面刷新 缓存的值不会消失, 但是 把tab页 或者叫 会话 关闭之后,缓存的值就不存在了。

6、  localStorage会一致存储在本地,会话或者tab页关闭也不会消失 ;

        localStorage是和地址有关系的,地址改变了,localStorage里面的值就不存在了;

        前面地址没有发生改变的话,localStorage依然存在 ,虽然页面改变了;

js的两种定时器分别是 setInterval 和 setTimeout 。他们的区别在于计时的方式不同,前者为循环计时,后者为定时计时。下面我们来分别介绍一下。

setInterval

window.setInterval([function],[interval]) 设置一个定时器,并且设定了一个等待的时间[interval],每隔一段时间,就会执行一次对应的方法function,直到计时器被清除为止。计时器的清除方法为 window.clearInterval(计时器名称)

例一:

本案例需要引入jQuery 否则无效

setTimeout

window.setTimeout([function],[interval]) 设置定时器及等待时间,但计时器到达时间后执行一次就会停止(计时器还在,不过没用了)计时器的清除方法是 window.clearTimeout(计时器名称)

例二:

本案例需要引入jQuery 否则无效

这里要说明一下,定时器清除后其返回值仍然存在,之后定时器的返回值在此返回值的基础上增加,类似医院排号,1号看完叫的是2号,不是从1号重新开始。

更多前端内容请  点击关注