JavaScript學(xué)習(xí)筆記之定時器
更新時間：2015年01月22日 10:51:08 投稿：hebedich
本文通過2個定時器的示例向我們展示了javascript中定時器的使用方法，格式以及功能，希望通過本文能夠讓大家對javascript定時器有新的認(rèn)識。
定時器1
用以指定在一段特定的時間后執(zhí)行某段程序。
setTimeout()：
格式：[定時器對象名=] setTimeout(“<表達(dá)式>”，毫秒)
功能：執(zhí)行<表達(dá)式>一次。
例子：
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<title>timer1.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
function count()
{
setTimeout("alert('執(zhí)行成功！')",7000);
}
</script>
</head>
<body>
<input type="button" value="點(diǎn)擊我啊" onclick="count();">
</body>
</html>
定時器2
以一定的時間為間隔，不斷地重復(fù)執(zhí)行表達(dá)式。
setInterval()：
格式：[定時器對象名=] setInterval(“<表達(dá)式>”，毫秒)
功能：重復(fù)執(zhí)行<表達(dá)式>，直至窗口、框架被關(guān)閉或執(zhí)行clearInterval。
clearInterval()：
格式：clearInterval(定時器對象名)
功能：終止定時器
例子：
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<title>timer2.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
var sec = 0;
var timer = setInterval("count();",1000);//頁面加載的時候即開始計(jì)時
function count()
{
document.getElementById("num").innerHTML = sec++;
}
function stopCount()
{
clearInterval(timer);//停止定時器的運(yùn)行
}
</script>
</head>
<body>
<font color="red" id="num">0</font>
<input type="button" value="停止" onclick="stopCount();">
</body>
</html>
以上就是本文的全部內(nèi)容了，希望大家能夠喜歡
您可能感興趣的文章:
- js原生之焦點(diǎn)圖轉(zhuǎn)換加定時器實(shí)例
- JavaScript定時器實(shí)現(xiàn)的原理分析
- javascript 定時器工作原理分析
- JavaScript實(shí)現(xiàn)頁面定時刷新（定時器，meta）
- JS Canvas定時器模擬動態(tài)加載動畫
- JavaScript暫停和繼續(xù)定時器的實(shí)現(xiàn)方法
- JS定時器使用,定時定點(diǎn),固定時刻,循環(huán)執(zhí)行詳解
- JavaScript 定時器 SetTimeout之定時刷新窗口和關(guān)閉窗口(代碼超簡單)
- javascript中SetInterval與setTimeout的定時器用法
- JavaScript定時器和優(yōu)化的取消定時器方法
- Javascript中setTimeOut和setInterval的定時器用法
- JS定時器用法分析【時鐘與菜單中的應(yīng)用】
相關(guān)文章
Javascript構(gòu)造函數(shù)是非常強(qiáng)大的，它可能也是Javascript能被充分利用的特點(diǎn)之一。但是如果你想真正的了解Javascript，你還是應(yīng)該明白構(gòu)造函數(shù)是如何工作的。本文，我們將從三個方面來講述構(gòu)造函數(shù)。2014-10-10
document.all與WEB標(biāo)準(zhǔn)
document.all與WEB標(biāo)準(zhǔn)...2006-11-11
JavaScript學(xué)習(xí)筆記之Cookie對象
本文主要簡單介紹了javascript中cookie對象的概念，以及cookie的讀取，寫入，刪除操作的方法，并附上示例，非常不錯，這里推薦給小伙伴們。
2015-01-01 
JavaScript學(xué)習(xí)筆記之JS事件對象
本文介紹了javascript的事件對象的相關(guān)資料,需要的朋友可以參考下
2015-01-01 
這篇文章介紹了JavaScript中變量的用法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-05-05 
本文實(shí)例當(dāng)你單擊頁面上的任何位置都會彈出“a”,正是運(yùn)用了document的特性
2013-11-11 
Three.js是一個偉大的開源WebGL庫,WebGL允許JavaScript操作GPU，在瀏覽器端實(shí)現(xiàn)真正意義的3D,本文介紹下THREE.JS基礎(chǔ)/瀏覽器支持/設(shè)置場景/構(gòu)建網(wǎng)格表面/材質(zhì)/光/渲染循環(huán)/通用的對象屬性等等，感興趣的朋友可以了解下哦
2013-01-01 
a標(biāo)簽的href與onclick事件的區(qū)別詳解
對于a標(biāo)簽的href與onclick事件,大家都經(jīng)常見到，也經(jīng)常使用,可它們有什么區(qū)別呢?下面就讓小編來給大家詳細(xì)介紹下,感興趣的朋友可以學(xué)習(xí)下，不用謝了，哈哈
2014-11-11 
js中一維數(shù)組和二位數(shù)組中的幾個問題示例說明
這篇文章主要介紹了js中一維數(shù)組和二位數(shù)組中的幾個問題，并給出對應(yīng)的解決方法,需要的朋友可以參考下
2014-07-07