`

js中断延时的方法

 
阅读更多
js里可以用setTimeout(function({}),5000)来设置延时5秒后执行一个function,有时需要中断延时该怎么做呢?
clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout,由 setTimeout() 返回的 ID 值标识要取消的延迟执行代码块。
下面是一个网上的小例子:
<html>
<head>
<script type="text/javascript">
var c=0
var t
function 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>

调用stopCount()时,调用clearTimeout(t),t是指要中断的代码部分
分享到:
评论

相关推荐

    lvgl_demo_widgets_bm 例程环境下在 GPIO 增加 RC 延时电路后边沿中断误触发问题.zip

    项目学习分享。【项目资源】:包含前端、... 【技术】 Java、Python、Node.js、Spring Boot、Django、Express、MySQL、PostgreSQL、MongoDB、React、Angular、Vue、Bootstrap、Material-UI、Redis、Docker、Kubernetes

    javascript定时器取消定时器及优化方法

    本文将详细介绍如何使用 `setInterval` 和 `setTimeout` 创建和取消 JavaScript 定时器,并探讨定时器优化的方法。 ### 启动定时器 在JavaScript中,可以使用 `window.setInterval` 方法来启动一个定时器,它接受...

    超声波测距电路图及程序

    中断函数js()负责处理测距结果,并将其转换为5位数码屏显示结果。 6. 显示部分设计: 显示部分使用5位数码屏,通过函数scanLED()来控制显示结果。函数allToBuffer()将测距结果转换为显示结果,并将其存储在缓冲区...

    djs.rar_51_51单片机 计时_51单片机计时_倒计时 51_倒计时 单片机

    在定时模式下,它们会根据预设的初始值自动减计数,达到一定时间后触发中断,从而实现延时或计时功能。 倒计时程序的设计通常基于定时器的重装载和中断处理。例如,我们可以设置Timer0在模式1下工作,以16位的方式...

    PWm程序[借鉴].pdf

    - 定时器中断服务程序中,用R0和JS1变量来控制PWM的占空比,通过按键改变这两个变量的值。 - 使用延时程序(如DELAY)来实现微秒级的延迟,以模拟PWM的高电平和低电平持续时间。 6. **程序优化**: - 提供的程序...

    单片机倒计时程序.doc

    程序定义了一些重要的变量,例如`uchar num, flag, js, sec, mia, fen, shi, a, b`,分别用于存储倒计时的状态和数值。此外,还定义了几个特殊位变量,如`beep, KEY1, KEY2`,分别对应蜂鸣器和两个按键的控制。 `...

    设置setTimeout延时为0ms的作用

    `setTimeout`中的函数被异步调用,所以它不会中断或插队到当前同步任务的执行,而是等待它们完成。 现在来看一个具体的应用场景,比如实时更新输入框的内容。在没有使用`setTimeout`的情况下,如下所示: ```...

    JavaScript 对任意元素,自定义右键菜单的实现方法

    最后,通过设置menu元素的onmouseout事件,我们可以在鼠标移出菜单后延时隐藏菜单,这用到了JavaScript的setTimeout()函数来实现延迟效果。 综上所述,通过理解鼠标事件对象的兼容性问题、事件监听、以及基本的DOM...

    js代码-封装断线重连

    当连接关闭时,`handleClose`方法会被调用,判断是否达到最大重试次数,如果没有,就会设置一个延时并尝试重新连接。`disconnect`方法则用于手动关闭WebSocket连接。 `README.txt`文件通常会包含对代码的简要说明,...

    jq无缝轮播 鼠标移入停止,移出滚动.zip

    7. 延时与定时器:为了实现自动滚动,可以使用JavaScript的`setTimeout`或`setInterval`函数,设置合适的间隔时间来触发下一次滚动。 8. 滚动方向判断:根据设计需求,轮播图可能支持正向和反向滚动,需要根据当前...

    JS 中使用Promise 实现红绿灯实例代码(demo)

    ### JS中使用Promise实现红绿灯实例代码知识点 #### 1. Promise概念 Promise是JavaScript中处理异步操作的一种机制。它允许我们给异步方法指定回调函数,并且可以链式调用多个异步方法。Promise有两个关键的特征:...

    超声波避障C语言程序

    - **定时器初始化函数** `void js()`:配置定时器T0工作模式并开启中断。 - **超声波模块启动函数** `void StartModule()`:发送超声波脉冲信号。 - **延时函数** `void delayms(unsigned int ms)`:实现指定毫秒数...

    基于五一单片机的八路抢答器程序.doc

    2. **延时函数**:`delayms(int x)`用于实现毫秒级别的延时,通过循环减小计数器并配合内部循环实现。 3. **定时器中断服务函数**:`timer0()`是定时器0的中断服务函数,当定时器溢出时触发中断。在这个函数中,...

    89C51单片机交通灯程序

    然后在`START`标签处,调用`JS1`子程序来初始化定时器和计数器。`TMOD`寄存器被设置为模式1,这意味着定时器0被配置为工作在16位自动重装载模式,用于实现定时功能。`TH0`和`TL0`分别被赋值以设定定时器0的初值,以...

    基于JS开发微信网页录音功能的实例代码

    这个方法是异步的,需要设置一个延时器来防止误触。同时,我们需要记录下开始录音的时间,以便后续判断录音时长。 ```javascript var startRecordflag = false; var startTime = null; btnRecord....

    利用PCA捕获捕获红外发射脉冲高、低电平时间,送串口显示( 含NEC、RC5解码 ).docx

    7. **延时函数**:YS10ms函数用于实现10毫秒的延时,通过嵌套循环实现,这种方法在低功耗单片机中常见,虽然不够精确,但能满足一些基本的定时需求。 8. **初始化函数**:JS_Init()负责初始化接收过程,包括清除...

    电子课程设计电子钟2

    `JNB P1.4,DJS`则是检查`P1.4`按键,若无按键按下则执行`DJS`子程序。 6. **闹钟功能**:`TSFUN`子程序用于设置闹钟,通过`P1.3`键进入。当闹钟开启(`05H`位非零)时,程序会关闭闹钟。在设定过程中,用户可以通过...

    ajax实现输入框提示功能

    - **延迟发送请求**:避免用户每次按键都发送请求,可以设置一个延时器,只有在用户停止输入一段时间后才发送请求。 - **错误处理**:处理Ajax请求可能出现的错误,如网络中断或服务器返回错误状态码。 - **分页加载...

    js动态创建上传表单通过iframe模拟Ajax实现无刷新

    这种方法的优点在于提高了用户体验,避免了页面刷新带来的延时和中断用户操作的问题。 知识点主要包括以下几个方面: 1. iframe标签的使用:iframe标签能够内嵌一个网页,通过设置其style属性为display:none,可以...

    djs.rar_lcd 显示倒计时_倒计时_液晶倒计时

    为了准确计时,可能需要使用系统定时器或中断来更新LCD上的显示。定时器可以在特定时间间隔后触发事件,例如更新倒计时值。 8. **字符和数字显示**: 在LCD上显示倒计时,需要将时间值转换成字符或数字形式,并...

Global site tag (gtag.js) - Google Analytics