JavaScript之定时器

        在JavaScript定时器中有两种:一种是定时循环器,一种是真正的定时器。

定时循环:setInterval()
           使用方法:   1.
setInterval(function(){
},1000)
                                2.
var timer = setInterval(function(){},1000)
两种都是定时循环的定义方法: 后面是数字是循环定时的时间,单位为毫秒数。
每一个定时器都是window上的方法,每个定时器都会返回一个特定的值,作为这个定时器在window上的唯一标识,每个都不同。而第二种方法就是接受这个唯一标识。

            清除定时循环:clearInterval(timer)
        在使用定时循环的时候,如果我们想当Dom达到某个点的时候我们想执行结束这个定是循环器,所以就用到了清除定时循环器这个东西。后面的timer就是想要清除的定时循环器的唯一标识。
var timer = setInterval(function(){
...../*循环执行代码*/
if(条件){
clearInterval(timer);
}
},1000)
  

定时器:setTimeout

        这个才是真正的定时器的作用。当隔一段时间后再执行且只执行一次。同样也有返回值作为唯一标识
var timer1 = setTimeout(function(){

},1000)
同样这个也有清除定时器。
        clearTimeout(timer)
        当我们想要得到这个东西,而当一个事件超过某个范围不让这个东西执行的时候,我们可以用清除。
function demo(){
var i = 0;
var timer = setTimeout(function(){
console.log("my is I");
},1000)
for( i = 0;i > 0 ; i ++)
if(i > 100000){
clearTimeout(timer);
}
}
}demo();


        

JavaScript语言我个人感觉是最有意思的了,我也是一个初学者,遇到问题,喜欢在博客上分享,也希望能帮到大家。

一个初学者,有什么不足或者纰漏的话,希望在下面评论出来,相互学习,共同进步。

     --主页传送门--
JavaScript时钟定时器是一种利用JavaScript编程语言实现的定时调用函数的方法。通过使用定时器,可以在网页上创建实时更新的时钟效果。在给定的时间间隔内,定时器会定期调用指定的函数,以更新时钟显示。定时器通常用于制作在线时钟、图片轮播、广告弹窗等自动执行的功能。 在给出的HTML代码中,通过使用window.onload函数,当页面加载完成后,设置了一个定时器(timer)来调用show函数,实现页面上时钟动态更新的效果。show函数通过获取div元素的id并将当前时间转换为字符串的形式,实时更新div内的内容。同时,还提供了开始和停止按钮,分别用于开启和清除定时器(timer)。当点击开始按钮时,会重新启动定时器,调用show函数更新时钟显示;当点击停止按钮时,会清除定时器,停止时钟的更新。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [JavaScript事件添加定时器](https://download.youkuaiyun.com/download/qq_62259825/85664312)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [JavaScript-可控制的时钟(定时器)](https://blog.youkuaiyun.com/qq_40757071/article/details/82784848)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值