setTimeout()与setInterval()方法区别介绍

时间:2024-04-22 13:24:09 

计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别。

setTimeout():

在js手册中的解释:用于在指定的毫秒数后调用函数或计算表达式;

也就是说在执行完设定好的秒数后再执行。

实验代码(改变body背景颜色):


setTimeout(function(){
$("body").css("background","red");
},5000);


setInterval():

在js手册中的解释: 按照指定的周期(以毫秒计)来调用函数或计算表达式. 会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭;

在你设定好的秒数里执行你自己效果代码或函数。

实验代码(数秒实验):


<div class="clock"></div>
<script>
var num = 0;
setInterval(function(){$(".clock").html(num++)},1000);
</script>


总结:

setTimeout()方法是在等待指定时间后执行函数, 且只执行一次传入的句柄函数.

setInterval()方法是每指定间隔时间后执行一次传入的句柄函数,循环执行直至关闭窗口或clearInterval().

标签:setTimeout,setInterval
0
投稿

猜你喜欢

  • 使用Python微信库itchat获得好友和群组已撤回的消息

    2021-03-25 08:27:44
  • Python打印斐波拉契数列实例

    2022-11-03 11:40:41
  • Python爬虫之Selenium实现窗口截图

    2022-09-19 20:09:23
  • Jquery实现div模拟Select控件

    2008-12-01 15:47:00
  • JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)

    2024-02-26 10:24:28
  • pycharm必知的一些简单设置方法

    2023-07-21 14:53:40
  • 手把手带你用python爬取小姐姐私房照

    2022-04-09 16:02:04
  • Python实现自动签到脚本功能

    2022-07-24 21:53:40
  • pandas删除部分数据后重新生成索引的实现

    2023-11-18 04:44:13
  • Python 网络爬虫--关于简单的模拟登录实例讲解

    2022-11-21 16:52:55
  • 剖析网页设计中的几何圆

    2010-10-19 12:27:00
  • Python OpenCV形态学运算示例详解

    2022-03-04 12:23:39
  • python知识:装饰器@property到底有啥用途

    2022-07-23 12:25:45
  • 用代码帮你了解Python基础(2)

    2022-01-04 23:42:40
  • django中的ajax组件教程详解

    2023-11-19 00:59:32
  • jsSmarty Project

    2009-10-19 23:14:00
  • python+OpenCV人脸识别考勤系统实现的详细代码

    2021-11-01 01:28:44
  • XMLTextReader和XmlDocument读取XML文件的比较

    2008-09-05 16:04:00
  • MySQL Shell的介绍以及安装

    2024-01-28 20:03:18
  • 使用Python进行QQ批量登录的实例代码

    2021-07-14 16:58:04
  • asp之家 网络编程 m.aspxhome.com