|
導(dǎo)讀網(wǎng)頁的本質(zhì)就是超級文本標記語言,通過結(jié)合使用其他的Web技術(shù)(如:腳本語言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強大的網(wǎng)頁。因而,超級文本標記語言是萬維網(wǎng)(Web)編程的基礎(chǔ),也就是說萬維網(wǎng)是建立... 網(wǎng)頁的本質(zhì)就是超級文本標記語言,通過結(jié)合使用其他的Web技術(shù)(如:腳本語言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強大的網(wǎng)頁。因而,超級文本標記語言是萬維網(wǎng)(Web)編程的基礎(chǔ),也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 今天將和大家分享有關(guān)JavaScript中定時器的知識,有一定的參考價值,希望對大家有所幫助。通過JavaScript中的定時事件setInterval和clearInterval() 可以制作一個簡單的定時器效果,在接下來的文章中為大家詳細介紹。 setInterval() 方法 是按照指定的周期(以毫秒為單位)來調(diào)用函數(shù)或計算表達式。 setInterval(code,millisec[,"lang"]) code:要調(diào)用的函數(shù)或要執(zhí)行的代碼 millisec:周期性執(zhí)行或調(diào)用 code 之間的時間間隔,以毫秒為單位 如果調(diào)用了setInterval() 方法那么它就會不停地調(diào)用函數(shù),直到 clearInterval() 函數(shù)的出現(xiàn)或者窗口被關(guān)閉,而且 setInterval() 返回的 ID 值可以用作 clearInterval() 方法的參數(shù)。 但是setInterval() 方法的計時有一定的誤差 setTimeout() 方法 用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計算表達式,但只調(diào)用一次,同樣有clearTimeout()方法用來清除 setTimeout()讓他停止執(zhí)行 案例分享 用setInterval() 方法寫一個兩分鐘以內(nèi)的定時器 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
input{
width:100px;
height:40px;
background:pink;
color:#fff;
font-size: 20px;
text-align: right;
}
</style>
</head>
<body>
分鐘:<input type="text" value="0">
秒數(shù):<input type="text" value="0">
<script src="tool.js"></script>
<script>
var minutes=document.getElementsByTagName("input")[0];
var seconds=document.getElementsByTagName("input")[1];
var minutes1=0;
var seconds1=0;
var timer=setInterval(function(){
//秒數(shù)自增,當秒數(shù)增加到60時分鐘自增,秒數(shù)清零
seconds1++;
if(seconds1==60)
{
seconds1=0;
minutes1++;
}
minutes.value=minutes1;
seconds.value=seconds1;
if(minutes1==2)//到兩分鐘的時候定時器清除
{
clearInterval(timer);
}
},100)
</script>
</body>
</html>
總結(jié):以上就是本篇文章的全部內(nèi)容了。希望對大家學(xué)習(xí)定時事件有所幫助。 以上就是如何利用JavaScript中的定時事件做一個定時器的詳細內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章! 網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!