JavaScript定时调用函数(SetInterval与setTimeout)
setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。
不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码。
区别:window.setTimeout("function",time);//设置一个超时对象,只执行一次,无周期
window.setInterval("function",time);//设置一个超时对象,周期='交互时间'
停止定时:
window.clearTimeout(对象) 清除已设置的setTimeout对象
window.clearInterval(对象) 清除已设置的setInterval对象
PerRefresh();function PerRefresh() {var today = new Date();alert("The time is: " + today.toString());setTimeout("showTime()", 5000);
}
一旦调用了这个函数PerReflesh,那么就会每隔5秒钟就显示一次时间
setInterval("PerRefresh()", 5000);function PerRefresh() {var today = new Date();alert("The time is: " + today.toString());
}
而setInterval却没有被自己所调用的函数所束缚,它只是简单地每隔一定时间就重复执行一次那个函数。
只要调用了setInterval("PerRefresh()", 5000)此函数,那么每隔5秒钟就会执行PerRefresh这个函数。
如果要求在每隔一个固定的时间间隔后就精确地执行某动作,那么最好使用setInterval,而如果不想由于连续调用产生互相干扰的问题,尤其是每次函数的调用需要繁重的计算以及很长的处理时间,那么最好使用setTimeout。
setInterval 不断地执行指定代码直到调用clearInterval清除定时器对象
setTimeout 执行一次指定代码,使用clearTimeout清除定时器对象
setInterval和setTimeout都返回定时器对象标识符,用于clearInterval和clearTimeout调用
JavaScript定时调用函数(SetInterval与setTimeout)相关推荐
- JavaScript函数setInterval()和setTimeout()正确的写法
一.常规写法 1.1 不传参数 function a (x, y) {var i = 0;var b = function(){console.log((x * y) + (i++));}return ...
- js调用php函数兵每秒刷新,深入理解JavaScript立即调用函数表达式(IIFE)
立即调用函数 目录一.了解立即调用函数表达式 二.立即调用函数表达式报错了? 三.使用立即调用函数的正确姿势 四.常见使用场景 写在最后 一.了解立即调用函数表达式 1.1 思维导图 1.2 什么是立 ...
- php实现setInterval方法,js setInterval和setTimeout用法分析
本文主要分享一下javascript中的两个定时执行函数setInterval和setTimeout的用法. setInterval() 定义和用法 setInterval() 方法可按照指定的周期( ...
- html onblur 函数执行了2次,JavaScript“onblur事件”调用函数失效 原因与解决方法
由于JavaScript事件有很多,例如: 鼠标事件:onclick 键盘事件:onkeydown.onkeypress 表单事件:onblur.onchange 窗口事件属性:onerror.onl ...
- php clearinterval,JavaScript定时函数(2)setInterval与clearInterval
setInterval的使用方法 Document 0 var hid = document.getElementById("hid"); var num = 1; functio ...
- 的setinterval函数_Vue定时器与JS 定时器 setInterval() 和 setTimeout()
H5前端开发社区专注更多编程教程和电子书天天在用钱在vue中,有两套定时器,一套是浏览器API,window对象上的:另一套就是vue/nodejs封装的,需要引入 import { setInter ...
- ajax联系人数,setInterval定时调用ajax实现在线人数统计
index页面把onLineCount.jsp给include进来,onLineCount.jsp每隔一段时间刷新一次从数据库中统计数据,很显然这个方法非常的错误,onLineCount.jsp每次刷 ...
- DOM中setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式. <html> <head> <script type="text/javascript ...
- JavaScript中使用字符串调用函数
JavaScript中有一种函数的调用方法:使用函数名的字符串来调用 function forTimeout(x, y){ alert(x + y);}function delay(x , y , t ...
最新文章
- DataTable.DataRow的复制
- Docker容器的文件系统管理
- 利用python进行数据分析学习笔记 第7章(3)
- 虚拟化服务器故障,修复vSphere vCenter服务器故障的技巧
- 移植tslib到开发板及部分问题解决
- oracle清理表空间文件,如何自动删除表空间的文件?
- C++内存和进程,线程学习补充(内存泄漏,信号量)
- 从yield关键字看IEnumerable和Collection的区别
- 使用Java实现面向对象编程(6)
- vim替换字符串带斜杠_vim替换命令
- canvas画布——太极图
- 男人的消费观连狗都不如
- 股票实时l2数据接口多久刷新一次?
- Spark集群环境搭建+Maven、SBT编译部署+IDEA开发(一)
- 【Pygame小游戏】这款“打地鼠”小游戏要火了(来来来)
- 解决报错:org/springframework/util/backoff/BackOff
- 关于音乐播放器锁屏播放,后台播放,封面显示等
- 初级项目管理培训心得
- A002-185-1203
- 微信小程序 跳转公众号
热门文章
- 2017202110104-高级软件工程第二次作业个人项目之-四则运算生成程序
- 高颜值性价比神器,乐Pro3双摄AI版带来不一样的上手体验
- 3月了,春天在夏天的后面来到了
- SQL语句一次INSERT多条记录的方法
- Ubuntu中的默认shell
- C 判断 —— if...else 语句(bool变量、float变量、指针变量与“零值”进行比较)(else 到底与哪个 if 配对呢? if 语句后面的分号?)
- 英文语句处理(空格处理)
- 列表与表格的一些学习
- C# WPF 中用代码模拟鼠标和键盘的操作
- Python收发邮件