setTimeout与setInterval的区别浅析

 更新时间:2019年03月23日 11:22:55   作者:番茄沙司a  
这篇文章主要给大家介绍了关于setTimeout与setInterval区别的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用js具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧

前言

在制作网页动态效果时,一定会遇到某些需求,要求某段程序等待多时时间后再开始执行,就像在我们的生活中一样,待会儿再开始做一件事。在JavaScript中主要通过定时器实现此类需求,本文将对定时器做一个概括,正对setTimeout()做一个详细用法总结。

setTimeout()定义和用法

首先让我们看一看W3C上关于setTimeout方法的介绍

定义

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

语法

setTimeout(code,millisec)

参数:

code:必需。要调用的函数后要执行的 JavaScript 代码串。

millisec:   必需。在执行代码前需等待的毫秒数。

提示

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

代码

function hello(){
alert("hello");
}
//使用方法名字执行方法
var t1 = window.setTimeout(hello,1000);
var t2 = window.setTimeout("hello()",3000);//使用字符串执行方法
window.clearTimeout(t1);//清除定时器

setInterval()定义和用法

代码

//实时刷新时间单位为毫秒
setInterval('refreshQuery()',8000); 
/* 刷新查询 */
function refreshQuery(){
 $("#mainTable").datagrid('reload',null);
}

业务场景

  • setTimeout用于延迟执行某方法或功能
  • setInterval则一般用于刷新表单,对于一些表单的假实时指定时间刷新同步

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。

相关文章

  • javascript模拟实现C# String.format函数功能代码

    javascript模拟实现C# String.format函数功能代码

    这篇文章主要介绍了javascript模拟实现C# String.format函数功能,相信大家可以用的到
    2013-11-11
  • 浅谈JavaScript宏任务和微任务执行顺序

    浅谈JavaScript宏任务和微任务执行顺序

    本文主要介绍了JavaScript宏任务和微任务执行顺序,结合实例代码进行了详细的讲解,需要的朋友们下面随着小编来一起学习学习吧
    2021-06-06
  • JS实现新建文件夹功能

    JS实现新建文件夹功能

    这篇文章主要为大家详细介绍了JS实现新建文件夹功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • Bootstrap表单组件教程详解

    Bootstrap表单组件教程详解

    表单常见的元素主要包括:文本输入框、下拉选择框、单选框、复选框、文本域、按钮等。接下来通过本文给大家介绍Bootstrap表单组件教程,感兴趣的朋友一起学习吧
    2016-04-04
  • JS延迟加载的几种方式小结

    JS延迟加载的几种方式小结

    JS延迟加载,也就是等页面加载完成之后再加载 JavaScript 文件,JS延迟加载有助于提高页面加载速度,本文小编给大家介绍了JS延迟加载的几种方式小结,感兴趣的小伙伴跟着小编一起来看看吧
    2024-08-08
  • prototype框架中美元符号$用法分析

    prototype框架中美元符号$用法分析

    这篇文章主要介绍了prototype框架中美元符号$用法,结合实例形式较为详细的分析了$符号的使用技巧与相关注意事项,需要的朋友可以参考下
    2016-01-01
  • js获取TreeView控件选中节点的Text和Value值的方法

    js获取TreeView控件选中节点的Text和Value值的方法

    在实际项目中,遇到一个问题,首先弹出一个新窗口,新窗口中放了一个TreeView控件,现在要解决的是,如何单击TreeView中一个节点,返回Text和Value到父页面并关闭该新窗口,本文将详细介绍此方法的实现
    2012-11-11
  • js获取ip和地区

    js获取ip和地区

    本文主要介绍了js获取ip和地区的方法,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • javascript forEach函数实现代码

    javascript forEach函数实现代码

    在Base2中找到一个叫forEach的函数,是我见过的最好的实现。挖出来分析一下。它能对各种普通对象,字符串,数组以及类数组进行遍历。如果原游览器的对象已实现此函数,它则调用原对象的函数。
    2010-01-01
  • layui点击数据表格添加或删除一行的例子

    layui点击数据表格添加或删除一行的例子

    今天小编就为大家分享一篇layui点击数据表格添加或删除一行的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09

最新评论