织梦做社交网站合适吗,网站的市场如何制作,郑州全网营销,食品网站建设需求分析JavaScript 计时事件 通过使用 JavaScript#xff0c;我们有能力做到在一个设定的时间间隔之后来执行代码#xff0c;而不是在函数被调用后立即执行。我们称之为计时事件。
在 JavaScript 中使用计时事件是很容易的#xff0c;两个关键方法是:
setInterval() - 间隔指定的…JavaScript 计时事件 通过使用 JavaScript我们有能力做到在一个设定的时间间隔之后来执行代码而不是在函数被调用后立即执行。我们称之为计时事件。
在 JavaScript 中使用计时事件是很容易的两个关键方法是:
setInterval() - 间隔指定的毫秒数不停地执行指定的代码。setTimeout() - 在指定的毫秒数后执行指定代码。
注意: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。
计时器的四种方法
1.setTimeout():指定的延迟时间之后来执行代码。
2.clearTimeout():取消setTimeout()设置。
3.setInterval():每隔指定的时间执行代码。
4.clearInterval():取消setInterval()设置。
setInterval():语法。
setInterval(代码,交互时间);代码要调用的函数或要执行的代码串。
交互时间周期性执行或调用表达式之间的时间间隔以毫秒计1s1000ms。
1.利用setInterval()做一个简易时间显示
!DOCTYPE HTML
html
head
meta http-equivContent-Type contenttext/html; charsetutf-8
title定时器/title
script typetext/javascriptvar attime;function clock(){var timenew Date(); attime time.getHours() : time.getMinutes() : time.getSeconds();document.getElementById(clock).value attime;}setInterval(clock(),1000)
/script
/head
body
form
input typetext idclock size50 /
/form
/body
/html如何停止执行?
clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。
window.clearInterval(intervalVariable)window.clearInterval() 方法可以不使用window前缀直接使用函数clearInterval()。
要使用 clearInterval() 方法, 在创建计时方法时你必须使用全局变量
myVarsetInterval(javascript function,milliseconds);然后你可以使用 clearInterval() 方法来停止执行。
p iddemo/p
button onclickmyStopFunction()停止/button
script
var myVarsetInterval(function(){myTimer()},1000);
function myTimer(){var dnew Date();var td.toLocaleTimeString();document.getElementById(demo).innerHTMLt;
}
function myStopFunction(){clearInterval(myVar);
}
/scriptsetTimeout():语法
setTimeout(代码,延迟时间);代码要调用的函数或要执行的代码串。 延时时间在执行代码前需等待的时间以毫秒为单位1s1000ms)。
1setTimeout()实现计数统计效果
!DOCTYPE HTML
html
head
meta http-equivContent-Type contenttext/html; charsetutf-8
title计时器/title
script typetext/javascriptvar num0;function startCount() {document.getElementById(count).valuenum;numnum1;setTimeout(startCount(),1000); }setTimeout(startCount(),1000);
/script
/head
body
form
input typetext idcount /
/form
/body
/html取消计时器clearInterval()
clearInterval() 方法可取消由 setInterval() 设置的交互时间。
clearInterval(id_of_setInterval)id_of_setInterval由 setInterval() 返回的 ID 值。 每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时停止时间,代码如下:
!DOCTYPE HTML
html
head
meta http-equivContent-Type contenttext/html; charsetutf-8
title计时器/title
script typetext/javascriptfunction clock(){var timenew Date(); document.getElementById(clock).value time;}
// 每隔100毫秒调用clock函数并将返回值赋值给ivar isetInterval(clock(),100);
/script
/head
bodyforminput typetext idclock size50 /input typebutton valueStop onclickclearInterval(i) //form
/body
/html
