前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js定时器与延时器_JS做定时器倒计时

js定时器与延时器_JS做定时器倒计时

作者头像
全栈程序员站长
发布2022-11-01 11:39:57
4.4K0
发布2022-11-01 11:39:57
举报
文章被收录于专栏:全栈程序员必看

定时器

创建定时器

window.setInterval(方法类型,间隔时间(1000=1秒))

代码语言:javascript
复制
var timer=window.setInterval(func,2000);
var i=0
function func(){
    console.log("你好",i)
    i+=1
}

清除定时器

window.clearInterval(定时器名)

代码语言:javascript
复制
function ting(){
    //清除定时器
    window.clearInterval(timer);
}

重置定时器

代码语言:javascript
复制
function reset1(){
    //重置定时器,重新给定参数,清除定时器,重新创建定时器
    i=0;
    window.clearInterval(timer);
    timer=window.setInterval(func,2000);
}

延时器

只执行一次

创建延时器

window.setTimeout(函数类型,延迟时间)

代码语言:javascript
复制
var timer1=window.setTimeout(function (){
    console.log("你好啊!!!");
},3000);

清除延时器

window.clearTimeout(延时器名称)

代码语言:javascript
复制
function func(){
    //清除延时器
    window.clearTimeout(timer1);
}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/198873.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年10月21日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 定时器
  • 延时器
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档