settimeout三个参数(settimeout的第三个参数)

http://www.itjxue.com  2023-01-27 13:09  来源:未知  点击次数: 

javascript 中settimeout()的第三个参数的使用

setTimeout(func, delay, param1, param2, ...)后面的param1等都作第一个函数func的参数传进去。

例子:

setTimeout(?function(?a,?b?,c?)?{

????console.log(?a?);//1

????console.log(?b?);//2

????console.log(?c?);//3

},?1000,?1,?2,?3?);

超时定时器setTimeout和间歇定时器setInterval

1.setTimeout方法,可以实现类似多线程的效果

参数:code(some JavaScript code),定时执行时间,单位默认为毫秒

返回值:定时器id值

说明:clearTimeout方法可以取消。? ? setTimeout。

setTimeout(alerthello,2000);

fuction alerthello(){

? ? alert(“hello”);

? }

//浏览器打开后2S后弹出“hello”,且只执行一次

2.setInterval方法,可以实现间歇调用

参数:jscode,time

返回值:定时器id

setInterval(alertworld,2000);

fuction alertworld(){

? alert(“world”);

}

//每2S弹出world,无限执行。

说明:停止setInterval的方法是clearInterval

这两个方法都属于BOM-window对象

javaScript setTimeOut 参数问题

第二个参数 是毫秒, 就是 1000 = 1s 5000 = 5s

然后置于为什么 这个参数小于1秒时结果一样。。。那是因为。。。你这个效果是显示当前时间,基础单位是秒。。。所以当参数再小 它变动最小值也是1s

咕~~(╯﹏╰)b 讲得有点绕,不知道你可懂了

js计时器中setTimeout和setInterval的区别和使用

JavaScript 计时器

计时器类型:

一次性计时器(setTimeout):仅在指定的延迟时间之后触发一次。

间隔性触发计时器(setInterval):每隔一定的时间间隔就触发一次。

计时器方法:

一.计时器setInterval()? ? ? ?

? ? ? ? ?? ? ? ? ??

在执行时,从载入页面后每隔指定的时间执行代码。

语法:

setInterval(代码,交互时间);

参数说明:

1. 代码:要调用的函数或要执行的代码串。

2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。

返回值:

一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。

调用函数格式(假设有一个clock()函数):

setInterval("clock()",1000)

setInterval(clock,1000)

我们设置一个计时器,每隔100毫秒调用clock()函数,并将时间显示出来,代码如下:

!DOCTYPE?HTML

html

head

meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"

title计时器/title

script?type="text/javascript"

??var?int=setInterval(clock,?100)

??function?clock(){

????var?time=new?Date();

????document.getElementById("clock").value?=?time;

??}

/script

/head

body

??form

????input?type="text"?id="clock"?size="50"??/

??/form

/body

/html

二.计时器setTimeout()? ? ? ?

? ? ? ? ?? ? ? ??

setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。

语法:

setTimeout(代码,延迟时间);

参数说明:

1. 要调用的函数或要执行的代码串。

2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。

当我们打开网页3秒后,在弹出一个提示框,代码如下:

!DOCTYPE?HTML

html

head

script?type="text/javascript"

??setTimeout("alert('Hello!')",?3000?);

/script

/head

body

/body

/html

当按钮start被点击时,setTimeout()调用函数,在5秒后弹出一个提示框。

!DOCTYPE?HTML

html

head

script?type="text/javascript"

function?tinfo(){

??var?t=setTimeout("alert('Hello!')",5000);

?}

/script

/head

body

form

??input?type="button"?value="start"?onClick="tinfo()"

/form

/body

/html

要创建一个运行于无穷循环中的计数器,我们需要编写一个函数来调用其自身。在下面的代码,当按钮被点击后,输入域便从0开始计数。

!DOCTYPE?HTML

html

head

script?type="text/javascript"

var?num=0;

function?numCount(){

?document.getElementById('txt').value=num;

?num=num+1;

?setTimeout("numCount()",1000);

?}

/script

/head

body

form

input?type="text"?id="txt"?/

input?type="button"?value="Start"?onClick="numCount()"?/

/form

/body

/html

angular里的$setTimeout和原生的setTimeout有什么区别么

首先,angular没有 $setTimeout,是 $timeout。

简单来说$timeout 就是是对 window.setTimeout 的一层封装,功能和接口基本一样,主要的区别有以下三点:

$timeout(fn, [delay], [invokeApply])传入的第一个参数fn ( function )被包装在 try...catch 结构内,并且把抛出的异常委托给 $exceptionHandler 做统一调度处理;

$timeout 返回的不是数字 ID,而是一个 promise 对象。这无法用 window.clearTimeout 取消它,而是要用 $timeout.cancel(returnedPromise) 来取消定时;

传入的第三个参数invokeApply是一个布尔值,如果传入 false,则不会使用 $apply 来包装 function 调用,也就是说不会更新当前作用域内的数据绑定。默认是 true。

(责任编辑:IT教学网)

更多

推荐微软认证文章