js中的setTimeout与setTimeInterval

原创 2015年07月09日 14:59:14

setTimeout与setTimeInterval均为window的函数,使用中顶层window一般都会省去,这两个函数经常稍不留神就使用错了。

setTimeout内的函数先不执行,隔一段时间后再执行,函数后面的数字是隔的时间,单位是毫秒(千分之一秒)

比如:

setTimeout('alert("hello world!")', 400);

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式,直到clearInterval()被调用或窗口被关闭。

比如:
<!DOCTYPE html>
 
<html>
 
<body>
 
<form>
 
<input type="text" id="clock" size="35" />
 
<script>
 
var int=self.setInterval("clock()",50)
 
function clock(){var t=new Date()
 
document.getElementById("clock").value=t
 
}
 
</script>
 
</form>
 
<div id="clock"></div>
 
<button onclick="int=window.clearInterval(int)">Stop interval</button>
 
</body>
 
</html>
setInterval动作的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。

setTimeout与setTimeinterval的使用

setTimeout与setTimeinterval的使用
  • wh_forever
  • wh_forever
  • 2016年08月08日 11:03
  • 754

JS setInterval() 与 clearInterval() 方法的使用

一、HTML DOM setInterval()、clearInterval() 方法     setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。     clear...
  • feng_cs
  • feng_cs
  • 2009年06月26日 13:06
  • 82118

js 定时器不卡顿不消耗资源 setTimeOut的简单封装 定时更新数据

因为setTimeInterVal,定时执行,无论是否执行完,在下一个时间点都会继续执行,运行时间长的话会有卡顿等现象。 基于此,改用setTimeOut,setTimeOut只在执行完才执行下一个时...
  • nidunlove
  • nidunlove
  • 2017年11月21日 14:11
  • 168

用setTimeout()方法来模拟setInterval()与setInterval()之间的什么区别?

对于setTimeout()跟setIntervl()之间的区别,你真的了解么?有时候看似简单的东西,往往隐藏一些你不知道的细节。setTimeout(fn,time)是超时调用,它在大于等于time...
  • baidu_24024601
  • baidu_24024601
  • 2016年07月08日 17:32
  • 5099

settimeout和settimeinterval的区别和应用实践

这两个方法都可以用来在固定的时间段后去执行一段javascirpt代码,不过两者各有各的应用场景。    实际上,setTimeout和setInterval的语法相同。它们都有两个参数,一个是...
  • ToBeBestPlayer
  • ToBeBestPlayer
  • 2017年03月03日 10:10
  • 225

JS 闭包以及在闭包中使用 setInterval

随笔- 19  文章- 0  评论- 7  闭包实质: 一个outer function里套inner function 而 inner function能够访问outer funct...
  • brandohero
  • brandohero
  • 2015年01月09日 23:43
  • 1716

POSIX定时器:timer_settime()的使用

POSIX创建、初始化以及删除一个定时器的行动被分为三个不同的函数:timer_create()(创建定时器)、timer_settime()(初始化定时器)以及timer_delete(销毁它)一个...
  • ustcxiangchun
  • ustcxiangchun
  • 2011年04月21日 20:16
  • 20799

Android 时间更新机制之网络更新时间

综述:Android网络时间更新,大体分两类。1、moderm相关更新,2、网络更新。本次主要介绍android设备网路时间同步。...
  • hailushijie
  • hailushijie
  • 2015年05月13日 22:36
  • 3423

libevent介绍及示例

一、Libevent简介     libevent是一个基于事件触发的网络库,适用于windows、linux、bsd等多种平台,内部使用select、epoll、kqueue等系统...
  • zhu2695
  • zhu2695
  • 2016年05月25日 00:19
  • 813

Android中的时间自动更新

最近几天,一直纠结于android的时间的自动更新,先简要说下android自己原有的更新机制,android原有的更新机制很简单,是采用NITZ(Network identity and Time ...
  • lindir
  • lindir
  • 2012年09月14日 00:22
  • 26690
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js中的setTimeout与setTimeInterval
举报原因:
原因补充:

(最多只允许输入30个字)