首页前端开发JavaScriptJavaScript怎么删除延时器

JavaScript怎么删除延时器

时间2024-01-30 14:25:02发布访客分类JavaScript浏览790
导读:收集整理的这篇文章主要介绍了JavaScript怎么删除延时器,觉得挺不错的,现在分享给大家,也给大家做个参考。JavaScript删除延时器的方法:1、使用“clearInterval(id ”语句,可以删除由setInterval( 定...
收集整理的这篇文章主要介绍了JavaScript怎么删除延时器,觉得挺不错的,现在分享给大家,也给大家做个参考。

JavaScript删除延时器的方法:1、使用“clearInterval(id)”语句,可以删除由setInterval()定义的延时器;2、使用“clearTimeout(id)”语句,可删除由setTimeout()定义的延时器。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript 延时器,又称定时器,有时也称为“计时器”,用来在经过指定的时间后执行某些任务,类似于我们生活中的闹钟。

在 JavaScript 中,我们可以利用延时器来延迟执行某些代码,或者以固定的时间间隔重复执行某些代码。

JavaScript 中提供了两种方式来设置定时器,分别是 setTimeout() 和 setInterval();而对应的删除延时器的方法也有两种:

  • clearInterval() 取消由 setInterval() 设置的 timeout。

  • clearTimeout() 取消由 setTimeout() 方法设置的 timeout。

clearInterval()

clearInterval() 方法可取消由 setInterval() 设置的 timeout。

语法:

clearInterval(id)

clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。

示例:

htML>
    body>
    input tyPE="text" id="clock" size="35" />
    script language=javascript>
VAR int=self.setInterval("clock()",50)function clock()  {
  var t=new Date()  document.getElementById("clock").value=t  }
    /script>
    /form>
    button onclick="int=window.clearInterval(int)">
    Stop interval/button>
    /body>
    /html>
    

clearTimeout()

clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。

语法:

clearTimeout(id)

clearInterval() 方法的参数必须是由 setTimeout() 返回的 ID 值。

示例:

html>
    head>
    script type="text/javascript">
var c=0var tfunction timedCount()  {
  document.getElementById('txt').value=c  c=c+1  t=setTimeout("timedCount()",1000)  }
function stopCount()  {
  clearTimeout(t)  }
    /script>
    /head>
    body>
    form>
    input type="button" value="Start count!" onClick="timedCount()">
    input type="text" id="txt">
    input type="button" value="Stop count!" onClick="stopCount()">
    /form>
    /body>
    /html>
    

【推荐学习:javascript高级教程】

以上就是JavaScript怎么删除延时器的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: 浅谈Node事件循环的大致流程下一篇:实例解说JavaScript创建对象的四...猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: JavaScript怎么删除延时器
本文地址: https://pptw.com/jishu/592637.html
使用Asp.net实现信息管理系统的数据统计功能 4个编写短小精炼JS代码的小技巧(分享)

游客 回复需填写必要信息