js 定时器 执行一次和重复执行

js 定时器 执行一次和重复执行js 定时器执行一次和重复执行 1 执行一次 延时定时器 vart1 window setTimeout function console log 1 秒钟之后执行了 1000 window clearTimeout t1 去除定时器 2 重复执行 间歇定时器 vart2 window setInterval function consol

js 定时器 执行一次和重复执行
1- 执行一次(延时定时器)
var t1 = window.setTimeout(function() {

console.log(‘1秒钟之后执行了’)
},1000)
window.clearTimeout(t1) // 去除定时器
2- 重复执行(间歇定时器)
var t2 = window.setInterval(function() {

console.log(‘每隔1秒钟执行一次’)
},1000)
window.clearInterval(t2) // 去除定时器









注意:单纯的使用setInterval会导致页面卡死,其原因与JS引擎线程有关,用通俗话说就是setInterval不会清除定时器队列,每重复执行1次都会导致定时器叠加,最终卡死你的网页。但是setTimeout是自带清除定时器的
setInterval(function() {

setTimeout(function() {

console.log(‘1秒钟之后执行了’)
},0)
},1000)
setInterval必须放在外层(在内层会导致页面卡顿直到崩溃),内层配合setTimeout,即可无限次调用





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

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

(0)
上一篇 2026年3月19日 下午6:16
下一篇 2026年3月19日 下午6:16


相关推荐

  • BitNami一键安装Redmine

    BitNami一键安装Redmine

    2021年12月15日
    65
  • WEKA使用教程(经典教程转载)

    WEKA使用教程(经典教程转载)WEKA 使用教程目录 1 简介 2 数据格式 3 数据准备 4 关联规则 购物篮分析 5 分类与回归 6 聚类分析 1 简介 WEKA 的全名是怀卡托智能分析环境 WaikatoEnvir 它的源代码可通过 http www cs waikato ac nz ml weka 得到 同时 weka 也

    2026年3月19日
    2
  • 阿里字体图标之Symbol用法

    阿里字体图标之Symbol用法第一步 下载阿里字体图标 Symbol 文件包并解压 第二步 第 1 步 引入项目下面生成的 symbol 代码 scriptsrc iconfont js 第 2 步 加入通用 CSS 代码 引入一次就行 style iconfont width 1em height 1em vertical align 0 15em fill currentColor overflow h style scriptsrc

    2025年11月1日
    11
  • visdom简易教程

    visdom简易教程如果想用pytorch来做神经网络学习和训练,那么不管想不想,你都得学visdom这个可视化工具,因为别人全部用这个玩意在进行可视化显示,如果不会用有时甚至别人的代码都跑不起来。这里这么说似乎显得有点怨念,这是真的,因为本人一开始并不想要去搞它。但后来学着学着发现这真是个神器,难怪那么多人一上来直接要求先装上这个。要用这个先要安装,对于python模块而言,安装都是蛮简单的:pipinsta…

    2022年6月26日
    24
  • 最全静态网页模板网站下载_网页首页内容模板

    最全静态网页模板网站下载_网页首页内容模板前言最近好多人私信我:我学了不久前端,想要用一些项目实战来练练手。那么,我以后将定期更新静态网页实战,专用于提供初学者的练习。那么这次博客为大家提供一些模板网站,希望初学者借鉴和学习优质资源:以下网站对于初学者的作用:提供免费的静态网页下载提高自己的css+html5设计水平http://sc.chinaz.com/moban/“站长素材”网站中包括大量的免费模板,可任意下载。…

    2025年9月15日
    7
  • Handy n8n – Chapter04 n8n 高阶用法

    Handy n8n – Chapter04 n8n 高阶用法

    2026年3月15日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号