xudongcsharp
xudongcsharp

JavaScript中的setTimeout和setInterval的区别

setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式, 次数是一次

setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式
所以,完全是不一样的
g_Timer = setInterval(updateRndNum, g_Interval);
clearTimeout(g_Timer);

很多人习惯于将setTimeout包含于被执行函数中,然后在函数外再次使用setTimeout来达到定时执行的目的
这样,函数外的setTimeout在执行函数时再次触发setTimeout从而形成周而复始的定时效果


setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression
setInterval(expression,delayTime),每个DelayTime,都将执行Expression

你可能感兴趣的:(SetInterval)

  • 标题：深入理解 JavaScript 中的定时器 小刘| javascript前端开发语言
    目录一、定时器的基本概念1.setInterval2.setTimeout二、代码示例分析一、定时器的基本概念在JavaScript中，定时器是一种用于在特定时间间隔后执行代码或者重复执行代码的机制。主要包含两种类型的定时器：setInterval和setTimeout。1.setIntervalsetInterval()是一个周期函数，它会在指定的时间间隔后，重复执行指定的函数。例如：vari=
  • 倒计时小功能 晨阳_92d3
    if(this.flag){if(this.time{console.log(res);if(res.code!="0000"){this.$toast(res.msg);this.flag=true;return;}lettimer=setInterval(()=>{if(this.time>1){this.time--;}else{this.time=120;clearInterval(tim
  • html+显示在线时间,在html页面实时显示系统时间 洛阳小散户 html+显示在线时间
    原创散场前的温柔最后发布于2018-11-0513:24:58阅读数16005收藏展开在html页面实时显示系统时间桌面新建记事本，将下列代码复制粘贴，重命名后缀为.html，保存，用浏览器打开即可系统时间setInterval("document.getElementById('datetime').innerHTML=newDate().toLocaleString();",1000);代码解
  • Vue.js 定时器任务 壹二叁
    在页面A中设置一个定时器，打印一个a,然后跳转到B页面，这个定时器还一直在执行，这样是非常耗性能的。解决思路：使用Vue的$once这个事件侦听器器在定义完定时器之后的位置来清除定时器代码：consttimer=setInterval(()=>{//某些定时器操作},500);//通过$once来监听定时器，在beforeDestroy钩子可以被清除。this.$once('hook:before
  • websocket 如果重连还是失败的处理方法 小纯洁w websocket网络协议网络
    在Websocket重连失败后切换到HTTP轮询，可以采用以下步骤执行：定义HTTP轮询方法：根据你的应用需求，先定义一个专门执行HTTP轮询的方法。这通常包括一个定期执行HTTP请求的setInterval或者setTimeout。例如：functionhttpPolling(){setInterval(function(){fetch('/server-endpoint').then(resp
  • React入门之React_渲染基础用法和class实例写法 slom_fxt Reactreact.js前端前端框架
    渲染元素04元素渲染functiontick(){lettime=newDate().toLocaleTimeString()vartemplate=hellofxt现在是：{time}ReactDOM.render(template,document.getElementById('root1'))}//tick()//定时器setInterval(tick,1000)条件判断05条件判断之三目
  • 【JS】this 指向介绍（箭头函数） 阿昊在 ES6javascriptes6前端
    目录全局环境下函数直接调用对象中的this对象内部方法的this指向调用这些方法的对象，原型链中this构造函数中thiscall&applybind方法DOM事件处理函数中的this&内联事件中的thissetTimeout&setInterval箭头函数中的this在普通函数中，this指向调用其所在函数的对象，而且是离谁近就是指向谁（此对于常规对象，原型链，getter&setter等都适用
  • canvas绘制圆形进度条 程序猿小离 javascriptvue.js开发语言
    canvas绘制圆形进度条用canvas绘制了一个圆形进度条，记录一下：效果如下：感觉效果还行，不过有待优化代码如下：我是用Vue写的组件的代码：progressCanvas.vueexportdefault{name:'ProgressCanvas',data(){return{drawPgress:0}},mounted(){constaa=setInterval(()=>{this.draw
  • 移动滑块效果 蚁丶点
    $(document).ready(function(){varimg_now=0;varimg_count=3;//图片数量vart=setInterval("$('#Button2').click()",3000);//自动移动$("#Button1").click(function(){//左移img_now=(img_now+img_count-1)%img_count;moveto(im
  • JavaScript setInterval()如何立即执行一次 _终会遇见_ 99工作中遇到的一些问题javascript前端
    setInterval((func=()=>{console.log(123);returnfunc})(),1000)实际上就是以下写法写在一起了。functionfunc(){console.log(123);}func()setInterval(func,1000)
  • setInterval（）方法的使用 lvpflv jsjavascript
    setInterval（）是一个实现定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval方法会不停地调用函数，直到clearInterval被调用或窗口被关闭。setInterval()方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval是一个window的方法setInterval(code,millisec[,“lang”])；c
  • js中的事件执行顺序梳理 小王今天也要加油鸭~！ 前端重要知识详解前端javascript
    了解js的事件执行顺序，首先明白两组概念：同步任务/非耗时任务：指的是在主线程上排队执行的任务，只有前一个执行完毕才能执行后一个任务。异步任务/耗时任务：由js委托给宿主环境进行执行，执行完后会通知js主线程执行异步任务的回调函数。同时呢，异步任务又分为宏任务和微任务：宏任务：异步ajax请求、setTimeout、setInterval、文件操作、其他微任务：Promise.then、.catc
  • [前端开发] HTML CSS JavaScript 深入学习 - 定时器 YuanDaima2048 前端学习基础概念htmlcssjavascripthtml5css3es6前端
    HTML+CSS+JavaScript深入学习-定时器事件事件触发器事件处理程序定时器setTimeout()setInterval()取消定时器总结事件事件是Web开发中的重要概念，通过事件，用户可以与页面元素进行交互，触发相应的功能或效果。在HTML、CSS和JavaScript中，事件处理是实现交互的关键之一。概念指路常见的HTMLCSSJavaScript事件事件触发器事件触发器是指可以触
  • JavaScript 判断图片加载完毕 歌声缓缓
    node.completevarimg=document.getElementById("box")vartimer=setInterval(function(){if(img.complete){clearInterval(timer);alert("加载完毕>>>")}},1000)
  • 倒计时 yzy_blog jsjs倒计时
    varactivity_endts=1537999200*1000;//活动结束时间戳(毫秒级)run(activity_endts);//定时器functionrun(enddate){vartime=1000;varinterval=setInterval(function(){//计算时间相差vardate=enddate-newDate().getTime();if(date5天20小时9
  • HTML DOM之实践项目
    HTMLDOM之实践项目1、问题描述2、实践要求（1）创建多个按钮,实现点击按钮通过Dom新增元素将内容新增到输入框（2）实现输入框内单个内容添加onclick事件清除内容（3）实现清除所有内容（4）使用setInterval定时器实现广告轮播3、生成代码Title*{padding:0;margin:0;}.total{width:476px;height:610px;margin:20pxau
  • [JavaScript基础] 定时器 Darkdreams
    setInterval()每隔多少毫秒，执行一次（循环）vartimer=setInterval(function(){},1000)setInterval([方法],[时间])clearInterval()取消循环clearInterval(timer)setTimeout()延迟多少毫秒，执行一次（只执行一次）clearTimeout()定时器内部的this都指向window
  • JS-BOM简介、window对象的常见事件、定时器、执行队列、location对象、navigator对象、history对象 我的皎月闻越香_
    1、BOM简介2、window对象的常见事件2.1窗口加载事件（JS代码就可以放在任意位置了）第二种方法，加载DOM，不包含样式、图片，适合图片多的网站使用2.2调整窗口大小事件3、定时器（1）setTimeout定时器，X毫秒后执行，只执行一次5秒后关闭广告案例（2）setInterval定时器，每X毫秒调用执行一次倒计时案例发送短信案例4、JS执行队列JS执行是单线程的，如果JS中有定时器或者
  • 倒计时 60s 入坑前端的N天
    data里面定义timer:undefined,//倒计时txt:’’//页面显示的倒计时在需要的地方写lettime=30this.timer=setInterval(()=>{time-=1this.txt=（${time}s）if(time<=0){clearInterval(this.timer)//清除定时器}},1000)
  • React DOM Diff算法 一名相声界小学生 React算法react.jsjavascript
    首先上一段代码classTimeextendsReact.Component{state={date:newDate()}componentDidMount(){setInterval(()=>{this.setState({date:newDate()})},1000)}render(){return(Hello现在是{this.state.date.toTimeString()})}}Reac
  • 前端页面禁止debugger调试并跳转空白页面----文心一言官网实现方式 YongChao_bms debugger前端禁用debugger浏览器调试
    技术点：setInterval定时器+Object.defineProperty背景：某天打开文心一言想看看接口返回结构是怎样的，熟练的打开浏览器开发者工具查看网络请求。发现出现了以下debugger断点这难不倒我，去掉断点调试，继续下一步不就行了？心中暗暗自喜，一顿操作猛如虎，一看居然是二百五。什么鬼？怎样跳转空白页面了？我怎么看数据结构？它是怎样做到检测debugger模式，并且跳转空白页面的
  • JS 用 setInterval 解决 setTimeout 导致浏览器崩溃的问题 Web - Nancy JS前端
    1、问题在项目中的某个页面用到了定时器，并在页面销毁前清除定时器，但是失效了，在切换页面后定时器仍然在执行，导致浏览器内存消耗过大而崩溃。2、解决办法用setInterval替换setTimeout原理还请大神指教
  • HTML页面自动跳转其他连接方法 新思维软件 jeesitejavahtml5html其他javascript
    一、JS方式，可以体现倒计时过程Inserttitlehere   window.onload=function(){      vartime=5;      varsecondEle=document.getElementById("second");      vartimer=setInterval(function(){         secondEle.innerHTML=time;
  • 前端JS学习(三) ALEX朱先生
    一、时间函数|定时器1.重复执行定时器方法名:setInterval()作用:每隔多长时间执行一次函数,重复执行参考语法:setInterval(function(){},时间)2.延迟执行定时器方法名:setTimeOut()作用:延迟多长时间以后执行一次参考语法:setTime(function(){...要执行的代码..},时间)时间:毫秒数2.1流程方法1.获取div节点2.添加一个点击事
  • setTimeout、Promise、Async/Await 的区别 为光pig
    1、JS是单线程语言，包括同步任务、异步任务，异步任务又包括宏观任务和微观任务2、执行顺序：同步任务——>微观任务——>宏观任务3、宏观任务的方法有：script(整体代码)、setTimeout、setInterval、I/O、UI交互事件、postMessage、MessageChannel、setImmediate(Node.js环境)4、微观任务的方法有：Promise.then、Muta
  • Vue清除定时器方法 画江山 前端
    方法1data(){return{timer:null//定时器名称}},this.timer=(()=>{//某些操作},1000)beforeDestroy(){clearInterval(this.timer);this.timer=null;}方法2consttimer=setInterval(()=>{//某些定时器操作},500);//通过$once来监听定时器，在beforeDest
  • vue中使用moment 设置倒计时的方法 一室易安 vue.js前端javascript
    vue中使用moment设置倒计时的方法日常开发中时常需要使用倒计时的方法现在进行封装一下//第一步引入momentimportmomentfrom'moment';letnowTime:any=ref('')//当前时间letdiffTime:any=ref('')//当前时间和指定时间的差值letcountdown:any=ref(0)//倒计时//设置setInterval用于每秒钟输出一次
  • 定时器 牛耀
    定时器基本用法//单次定时器vartimer=setTimeout(function(){alert('hello!');},3000);//清除单次定时器clearTimeout(timer);//反复循环定时器vartimer2=setInterval(function(){alert('hi~~~');},2000);//清除反复循环定时器clearInterval(timer2);wind
  • 定时器 真的吗_a951
    定时器setInterval(函数，毫秒);重复执行clearIntrval(setInterval(函数，毫秒)）停止body{varBtn1=document.getElementsByTagName('input');varoBody=document.body;vartimer=null;varArr=['img/3.jpg','img/4.jpg','img/bg.jpg'];varnu
  • JavaScript-6 艾欧恩
    定时器（两种）setTimeout()setInterval()setTimeout()炸弹定时器开启定时器5s之后关闭广告setTimeout(function(){document.querySelector('.ad').style.display='none';},5000)清除定时器点击停止炸弹functioncallback(){alert('来颗华子')}vartimer=setTi
  • Hadoop(一) 朱辉辉33 hadooplinux
    今天在诺基亚第一天开始培训大数据，因为之前没接触过Linux，所以这次一起学了，任务量还是蛮大的。 首先下载安装了Xshell软件，然后公司给了账号密码连接上了河南郑州那边的服务器，接下来开始按照给的资料学习，全英文的，头也不讲解，说锻炼我们的学习能力，然后就开始跌跌撞撞的自学。这里写部分已经运行成功的代码吧.    在hdfs下，运行hadoop fs -mkdir /u
  • maven An error occurred while filtering resources blackproof maven报错
    转：http://stackoverflow.com/questions/18145774/eclipse-an-error-occurred-while-filtering-resources   maven报错： maven An error occurred while filtering resources   Maven -> Update Proje
  • jdk常用故障排查命令 daysinsun jvm
    linux下常见定位命令： 1、jps      输出Java进程       -q       只输出进程ID的名称，省略主类的名称；       -m      输出进程启动时传递给main函数的参数；     &nb
  • java 位移运算与乘法运算 周凡杨 java位移运算乘法
      对于 JAVA 编程中，适当的采用位移运算，会减少代码的运行时间，提高项目的运行效率。这个可以从一道面试题说起：     问题： 用最有效率的方法算出2 乘以8 等於几?” 答案：2 << 3 由此就引发了我的思考，为什么位移运算会比乘法运算更快呢？其实简单的想想，计算机的内存是用由 0 和 1 组成的二
  • java中的枚举(enmu) g21121 java
    从jdk1.5开始，java增加了enum(枚举)这个类型，但是大家在平时运用中还是比较少用到枚举的，而且很多人和我一样对枚举一知半解，下面就跟大家一起学习下enmu枚举。先看一个最简单的枚举类型，一个返回类型的枚举： public enum ResultType { /** * 成功 */ SUCCESS, /** * 失败 */ FAIL,
  • MQ初级学习 510888780 activemq
    1.下载ActiveMQ 去官方网站下载：http://activemq.apache.org/ 2.运行ActiveMQ 解压缩apache-activemq-5.9.0-bin.zip到C盘，然后双击apache-activemq-5.9.0-\bin\activemq-admin.bat运行ActiveMQ程序。 启动ActiveMQ以后，登陆：http://localhos
  • Spring_Transactional_Propagation 布衣凌宇 springtransactional
    //事务传播属性 @Transactional(propagation=Propagation.REQUIRED)//如果有事务，那么加入事务，没有的话新创建一个 @Transactional(propagation=Propagation.NOT_SUPPORTED)//这个方法不开启事务 @Transactional(propagation=Propagation.REQUIREDS_N
  • 我的spring学习笔记12-idref与ref的区别 aijuans spring
    idref用来将容器内其他bean的id传给<constructor-arg>/<property>元素，同时提供错误验证功能。例如： <bean id ="theTargetBean" class="..." /> <bean id ="theClientBean" class=&quo
  • Jqplot之折线图 antlove jsjqueryWebtimeseriesjqplot
    timeseriesChart.html <script type="text/javascript" src="jslib/jquery.min.js"></script> <script type="text/javascript" src="jslib/excanvas.min.js&
  • JDBC中事务处理应用 百合不是茶 javaJDBC编程事务控制语句
      解释事务的概念; 事务控制是sql语句中的核心之一;事务控制的作用就是保证数据的正常执行与异常之后可以恢复   事务常用命令:             Commit提交         
  • [转]ConcurrentHashMap Collections.synchronizedMap和Hashtable讨论 bijian1013 java多线程线程安全HashMap
    在Java类库中出现的第一个关联的集合类是Hashtable，它是JDK1.0的一部分。 Hashtable提供了一种易于使用的、线程安全的、关联的map功能，这当然也是方便的。然而，线程安全性是凭代价换来的――Hashtable的所有方法都是同步的。此时，无竞争的同步会导致可观的性能代价。Hashtable的后继者HashMap是作为JDK1.2中的集合框架的一部分出现的，它通过提供一个不同步的
  • ng-if与ng-show、ng-hide指令的区别和注意事项 bijian1013 JavaScriptAngularJS
            angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏，值为true时元素会显示。ng-hide功能类似，使用方式相反。元素的显示或
  • 【持久化框架MyBatis3七】MyBatis3定义typeHandler bit1129 TypeHandler
    什么是typeHandler? typeHandler用于将某个类型的数据映射到表的某一列上，以完成MyBatis列跟某个属性的映射   内置typeHandler MyBatis内置了很多typeHandler，这写typeHandler通过org.apache.ibatis.type.TypeHandlerRegistry进行注册，比如对于日期型数据的typeHandler，
  • 上传下载文件rz,sz命令 bitcarter linux命令rz
    刚开始使用rz上传和sz下载命令： 因为我们是通过secureCRT终端工具进行使用的所以会有上传下载这样的需求： 我遇到的问题： sz下载A文件10M左右，没有问题 但是将这个文件A再传到另一天服务器上时就出现传不上去，甚至出现乱码，死掉现象，具体问题 解决方法： 上传命令改为;rz -ybe 下载命令改为：sz -be filename 如果还是有问题： 那就是文
  • 通过ngx-lua来统计nginx上的虚拟主机性能数据 ronin47 ngx-lua　统计 解禁ip
    介绍 以前我们为nginx做统计,都是通过对日志的分析来完成.比较麻烦,现在基于ngx_lua插件,开发了实时统计站点状态的脚本,解放生产力.项目主页: https://github.com/skyeydemon/ngx-lua-stats 功能 支持分不同虚拟主机统计, 同一个虚拟主机下可以分不同的location统计. 可以统计与query-times request-time
  • java-68-把数组排成最小的数。一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的。例如输入数组{32, 321}，则输出32132 bylijinnan java
    import java.util.Arrays; import java.util.Comparator; public class MinNumFromIntArray { /** * Q68输入一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的一个。 * 例如输入数组{32, 321}，则输出这两个能排成的最小数字32132。请给出解决问题
  • Oracle基本操作 ccii Oracle SQL总结Oracle SQL语法Oracle基本操作Oracle SQL
    一、表操作 1. 常用数据类型 NUMBER(p,s)：可变长度的数字。p表示整数加小数的最大位数，s为最大小数位数。支持最大精度为38位 NVARCHAR2(size)：变长字符串，最大长度为4000字节（以字符数为单位） VARCHAR2(size)：变长字符串，最大长度为4000字节（以字节数为单位） CHAR(size)：定长字符串，最大长度为2000字节，最小为1字节，默认
  • [强人工智能]实现强人工智能的路线图 comsci 人工智能
        1：创建一个用于记录拓扑网络连接的矩阵数据表      2:自动构造或者人工复制一个包含10万个连接(1000*1000)的流程图      3：将这个流程图导入到矩阵数据表中      4：在矩阵的每个有意义的节点中嵌入一段简单的
  • 给Tomcat，Apache配置gzip压缩(HTTP压缩)功能 cwqcwqmax9 apache
    背景： HTTP 压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求网页后，从服务器端将网页文件压缩，再下载到客户端，由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ，它可以节省40%左右的流量。更为重要的是，它可以对动态生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩，
  • SpringMVC and Struts2 dashuaifu struts2springMVC
    SpringMVC VS Struts2 1: spring3开发效率高于struts 2: spring3 mvc可以认为已经100%零配置 3: struts2是类级别的拦截， 一个类对应一个request上下文， springmvc是方法级别的拦截，一个方法对应一个request上下文，而方法同时又跟一个url对应 所以说从架构本身上 spring3 mvc就容易实现r
  • windows常用命令行命令 dcj3sjt126com windowscmdcommand
    在windows系统中，点击开始－运行，可以直接输入命令行，快速打开一些原本需要多次点击图标才能打开的界面，如常用的输入cmd打开dos命令行，输入taskmgr打开任务管理器。此处列出了网上搜集到的一些常用命令。winver 检查windows版本 wmimgmt.msc 打开windows管理体系结构(wmi) wupdmgr windows更新程序 wscrip
  • 再看知名应用背后的第三方开源项目 dcj3sjt126com ios
    知名应用程序的设计和技术一直都是开发者需要学习的，同样这些应用所使用的开源框架也是不可忽视的一部分。此前《 iOS第三方开源库的吐槽和备忘》中作者ibireme列举了国内多款知名应用所使用的开源框架，并对其中一些框架进行了分析，同样国外开发者 @iOSCowboy也在博客中给我们列出了国外多款知名应用使用的开源框架。另外txx's blog中详细介绍了 Facebook Paper使用的第三
  • Objective-c单例模式的正确写法 jsntghf 单例iosiPhone
    一般情况下，可能我们写的单例模式是这样的： #import <Foundation/Foundation.h> @interface Downloader : NSObject + (instancetype)sharedDownloader; @end #import "Downloader.h" @implementation
  • jquery easyui datagrid 加载成功，选中某一行 hae jqueryeasyuidatagrid数据加载
    1.首先你需要设置datagrid的onLoadSuccess $( '#dg' ).datagrid({onLoadSuccess :  function (data){      $( '#dg' ).datagrid( 'selectRow' ,3); }});   2.onL
  • jQuery用户数字打分评价效果 ini JavaScripthtmljqueryWebcss
    效果体验：http://hovertree.com/texiao/jquery/5.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery用户数字打分评分代码 - HoverTree</
  • mybatis的paramType kerryg DAOsql
    MyBatis传多个参数： 1、采用#{0},#{1}获得参数：    Dao层函数方法：     public User selectUser(String name,String area); 对应的Mapper.xml    <select id="selectUser" result
  • centos 7安装mysql5.5 MrLee23 centos
    首先centos7 已经不支持mysql，因为收费了你懂得，所以内部集成了mariadb，而安装mysql的话会和mariadb的文件冲突，所以需要先卸载掉mariadb，以下为卸载mariadb，安装mysql的步骤。   #列出所有被安装的rpm package rpm -qa | grep mariadb   #卸载 rpm -e mariadb-libs-5.
  • 利用thrift来实现消息群发 qifeifei thrift
               Thrift项目一般用来做内部项目接偶用的，还有能跨不同语言的功能，非常方便，一般前端系统和后台server线上都是3个节点，然后前端通过获取client来访问后台server，那么如果是多太server，就是有一个负载均衡的方法，然后最后访问其中一个节点。那么换个思路，能不能发送给所有节点的server呢，如果能就
  • 实现一个sizeof获取Java对象大小 teasp javaHotSpot内存对象大小sizeof
       由于Java的设计者不想让程序员管理和了解内存的使用，我们想要知道一个对象在内存中的大小变得比较困难了。本文提供了可以获取对象的大小的方法，但是由于各个虚拟机在内存使用上可能存在不同，因此该方法不能在各虚拟机上都适用，而是仅在hotspot 32位虚拟机上，或者其它内存管理方式与hotspot 32位虚拟机相同的虚拟机上 适用。     
  • SVN错误及处理 xiangqian0505 SVN提交文件时服务器强行关闭
    在SVN服务控制台打开资源库“SVN无法读取current” ---摘自网络 写道 SVN无法读取current修复方法 Can't read file : End of file found 文件：repository/db/txn_current、repository/db/current   其中current记录当前最新版本号，txn_current记录版本库中版本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他