HTML中setTimeout()和setInterval() 方法

最新推荐文章于 2023-02-17 11:12:44 发布
最新推荐文章于 2023-02-17 11:12:44 发布
阅读量1.1k 收藏
点赞数
分类专栏： javaScript
原文链接：https://blog.csdn.net/a137464462/article/details/84312261
版权

HTML中setTimeout()和setInterval() 方法
原创游园拾忆 ✉ 发布于2018-11-20 16:40:00 阅读数 370  收藏
展开
setTimeout()
setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。

语法： setTimeout(code,millisec)
code：要调用的函数后要执行的 JavaScript 代码串。
millisec：在执行代码前需等待的毫秒数。

setTimeout()只执行code 一次。如果要多次调用，请使用setInterval()或者让code自身再次调用setTimeout()。

示例:

<script type="text/javascript">
//按钮点击后 禁用5S
function clock(){
    var btn = $('#addbtn');
    btn.attr('disabled', 'disabled');
    var txt = btn.text();
    var count = 5;
    var func = function() {
        if (count == 0) {
          btn.removeAttr('disabled');
          btn.text(txt);
        } else {
          btn.text(txt + ' (' + count + ')');
          count--;
          setTimeout(func, 1000);
        }
     };
setTimeout(func, 1000);
}
</script>


setInterval()
setInterval()方法会不停地调用函数(周期，以毫秒计)，直到clearInterval()被调用或窗口被关闭。
由setInterval()返回的 ID 值可用作clearInterval()方法的参数。
语法：setInterval(code,millisec)
code：要调用的函数或要执行的代码串。
millisec：周期性执行或调用code之间的时间间隔，以毫秒计。

示例：

<html>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
  {
    //funcion
  }
</script>
</form>
<button onclick="int=window.clearInterval(int)">Stop</button>
</body>
</html>

 

HOLD ON!
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html5 settimeout,计时器setTimeout()
weixin_33289873的博客
06-20 1860
setTimeout(代码,延迟时间);参数说明：1. 要调用的函数或要执行的代码串。2. 延时时间：在执行代码前需等待的时间，以毫秒为单位(1s=1000ms)。当我们打开网页3秒后，在弹出一个提示框，代码如下:setTimeout("alert('Hello!')", 3000 );当按钮start被点击时，setTimeout()调用函数，在5秒后弹出一个提示框。function tinfo...
js 中的SetTimeOut()
u010450065的专栏
10-31 3954
setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method setTimeout setTimeout 语法例子 用 setTimeout 来执行 function 不断重复执行的 setTimeout 设定条件使 setTi
HTML延迟事件触发 # 定时器 || 延时器
long_songs的博客
03-17 8859
想要让HTML里面的事件等一下再出发，大概可以分成定时器和延时器两种： 两者的区别是：延时器是只触发一次，定时器是每次都延迟这么久才开始执行 通过JavaScript使用的有两个关键的方法： setTimeout(function,milliseconds) 在等待指定的毫秒数后执行函数。 setInterval(function,milliseconds) 等同于setTimeout()，但持续重复执行该函数。 setTimeout()和set...
HTML中详述setInterval（）方法与setTimeout（）方法区别
m0_46383618的博客
07-18 1529
setInterval（） 用法：setInterval（“方法名”，时间）; 作用：每隔一段时间执行一次方法。 代码示例： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="查询" onclick="ju
setInterval和setTimeout停止的方法
01-19
先来了解 setInterval : 1,HTML DOM setInterval() 方法 定义和用法 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或...
javascript setTimeout和setInterval 的区别
10-29
JavaScript中的`setTimeout`和`setInterval`是两个重要的定时器函数，它们都属于全局`window`对象的方法，常用于在指定的时间后执行某段代码或周期性地重复执行某段代码。然而，它们的工作机制和用途有所不同。 1. ...
JS中SetTimeout和SetInterval使用初探
12-29
一切尽在代码截图中，愿意和大家一起成长！可以喷，毕竟是菜鸟！ 好了，废话不多说了，看具体实例代码吧！ <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>...
vue 解决setTimeOut和setInterval函数无效报错的问题
10-15
在Vue.js开发过程中，有时会遇到`setTimeout`和`setInterval`函数失效并抛出错误的问题。本文将详细解析这个问题的原因及解决方案。 首先，`setTimeout`和`setInterval`是JavaScript中的两个常用定时器函数。`...
setTimeout理解
weixin_41989250的博客
02-17 5825
如果在设定的时间内，发生新的keydown事件，则不触发Ajax通信，并且重新开始计时。所以上面的代码执行流程是：JS执行到setTimeout时，将其交给浏览器去计时（哪怕时间是0），然后去执行同步的for循环，因为例子中的for循环执行需要5s左右，在for循环执行3秒时，浏览器已经把之前的计时器计时完毕，然后推送到JS的事件队列里，当做下一个task任务执行，当前任务(for循环)不受影响，当for循环结束后，JS线程空了，然后去事件队列中取微任务或者新的任务(setTimeout)，然后执行。
HTML DOM setInterval() 方法
weixin_42316148的博客
08-19 196
setInterval()方法可按照指定的周期(以毫秒计)来调用函数或计算表达式 setInterval()方法会不停地调用函数，直到clearInterval()被调用或窗口被关闭。 由setInterval()返回的ID值可用作clearInterval()方法的参数。 <html> <body> <input type="text" id="clock" siz...
详解setTimeout()
热门推荐
Moments
01-30 3万+
前言：看了这篇文章，1.注意setTimeout引用的是全部变量还是局部变量了，当直接调用外部函数方法时，实际上函数内部的变量已经变成全局。2.提醒我防止出错的，用匿名函数不容易出错。3.setTimeout最快执行时间是4毫秒。4.使用setTimeout的函数会比当前队列的函数慢执行，在他们的后面。5.setTimeout中的定时器并不是准确的时间，实际中它需要在执行完前面的函数后才定时执行。 你还可以查阅关于setTimeout的相关介绍 JavaScript提供定时执行代码的功能，叫做定时器（tim
html中计时的脚本语言,JavaScript setInterval()与setTimeout()计时器
weixin_32999397的博客
06-10 240
JavaScript是单线程语言，但是它可以通过设置超时值和间歇时间值来指定代码在特定的时刻执行。超时值是指在指定时间之后执行代码，间歇时间值是指每隔指定的时间就执行一次代码。超时调用超时调用使用window对象的setTimeout()方法，它接受两个参数：要执行的代码和以毫秒表示的时间(代码执行前的等待时间)。其中，第一个参数可以是一个字符串(和eval()中使用的字符串一样)，也可以是一个函...
html清空计时器,js设置定时器和清除定时器
weixin_36121198的博客
06-09 2260
一、前言在前端，我们有很多功能需要用到定时器。譬如轮询，譬如定时关闭弹框，譬如实现秒表，譬如一段时间后跳转页面等等。因此，我们需要掌握定时器的用法。二、设置定时器目前window对象提供有两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval()。其中setInterval()的作用是：使一段代码每过指定时间就运行一次；常用于轮询。setIn...
游戏计时器 html,Html5游戏中的setInterval与setTimeout
weixin_35255536的博客
05-31 391
在一些特殊的场景中我们可能会需要使用计时器，n秒后执行一段逻辑，或者循环执行一段逻辑。这个时候我们可能首先想到的会是setInterval()或者setTimeout()两个方法。但是使用这两个方法可能会为我们的工程带来隐患。记录如下代码片段:setTimeout(()=>{console.log("1")},0)console.log("2")//打印结果//2//1可能会有部分人和我会有...
HTML DOM setTimeout() 方法
evilcry2012的专栏
05-20 376
HTML DOM setTimeout() 方法 HTML DOM Window 对象 定义和用法 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 语法 setTimeout(code,millisec) 参数 描述 code 必需。要调用的函数后要执行的 JavaScript 代码串。
HTML——js中关于setTimeout不能在循环里面用的原因
qq_45152044的博客
12-13 741
js中关于循环里不能用setTimeout的原因
setTimeout用法
风轻云淡
11-02 1513
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;setTimeout方法&lt;/title&gt; &lt;script type="text/javascript" src="js/jquery-3.1.1
js中setTimeout（）定时器的实现
qq_36689372的博客
09-06 6090
var time = setTimeout(opa, 5000); function opa() { alert("我会每隔5s出现一次哦！"); clearTimeout(time); //清除上一次的定时器，否则会无限开多个 setTimeout(opa, 5000);//方法中调用定时器实现循环 } setTimeout() 方法用于在指定的毫秒数后调用函数
利用JavaScript或Jquery以及window对象的setTimeout或setInterval方法实现网页计时器。设计时长为2两小时，可以为倒计时也可以为正计时。界面显示方式自定。
最新发布
06-13
下面是一个简单的示例，实现的是一个倒计时器，时长为两个小时，每秒钟更新一次。...在初始化倒计时显示后，我们使用 `setInterval` 方法每秒钟调用一次 `updateCountdown` 函数，实现了倒计时的功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值