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具有类似Lambda表达式编程能力的代码(改进版)

    JavaScript具有类似Lambda表达式编程能力的代码(改进版)

    在之前的一篇博文中我介绍了一种方法可以让JavaScript具有一种近似于Lambda表达式的编程能力——但是它有一些缺点,其中妨碍它的使用的最主要的一条就是多了一层括号,让代码变得难以阅读。
    2010-09-09
  • js金额数字格式化实现代码(加减逗号处理)

    js金额数字格式化实现代码(加减逗号处理)

    这篇文章主要介绍了js中将数字格式化为金额的方法,使用加减逗号处理金额,一个格式化金额的代码,有需要的朋友参考下
    2014-04-04
  • JavaScript设计模式之工厂方法模式介绍

    JavaScript设计模式之工厂方法模式介绍

    这篇文章主要介绍了JavaScript设计模式之工厂方法模式介绍,本文讲解了简单工厂模式、多个工厂方法模式等内容,需要的朋友可以参考下
    2014-12-12
  • 针对JavaScript中this指向的简单理解

    针对JavaScript中this指向的简单理解

    这篇文章主要为大家详细JavaScript中this指向的简单理解,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • newxtree.js代码

    newxtree.js代码

    newxtree.js代码...
    2007-03-03
  • js 对象外部访问或者调用问题

    js 对象外部访问或者调用问题

    造成楼主的模糊的其实是this指向的问题,你可以用alert出this看看,他们分别指向的是什么,相信您就会明白了! 在您写的那个c中的this其实指向的是c 而不是abc!
    2008-11-11
  • js+HTML5实现视频截图的方法

    js+HTML5实现视频截图的方法

    这篇文章主要介绍了js+HTML5实现视频截图的方法,涉及javascript操作html5元素实现多媒体文件截图的相关技巧,需要的朋友可以参考下
    2015-06-06
  • 微信小程序-form表单提交代码实例

    微信小程序-form表单提交代码实例

    这篇文章主要介绍了微信小程序-form表单提交,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • JavaScript模拟实现继承的方法

    JavaScript模拟实现继承的方法

    这篇文章主要介绍了JavaScript模拟实现继承的方法,实例分析了javascript类的操作与模拟实现继承的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • layui表格数据重载

    layui表格数据重载

    这篇文章主要为大家详细介绍了layui表格数据重载,根据条件查询,监听按钮事件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07

最新评论