JS 頁面計時器示例代碼
更新時間：2013年10月28日 18:10:15 作者：
計時器效果想必大家都見到過吧，其實使用js可以很輕松的實現(xiàn)，下面有個不錯的示例，感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
function stopCount()
{
clearTimeout(t)
}
</script>
</head>
<body>
<form>
<input type="button" value="開始計時！" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="停止計時！" onClick="stopCount()">
</form>
<p>請點擊上面的“開始計時”按鈕來啟動計時器。輸入框會一直進行計時，從 0 開始。點擊“停止計時”按鈕可以終止計時。</p>
<p>timedCount(),1000ms自己調(diào)自己。</p>
</body>
</html>
相關(guān)文章
javascript實現(xiàn)輸出指定行數(shù)正方形圖案的方法
這篇文章主要介紹了javascript實現(xiàn)輸出指定行數(shù)正方形圖案的方法,可實現(xiàn)javascript獲取用戶輸入及根據(jù)輸入?yún)?shù)打印圖形的功能,需要的朋友可以參考下2015-08-08
基于uni-app開發(fā)刻度尺組件的實現(xiàn)示例
本文主要介紹了基于uni-app開發(fā)刻度尺組件的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
基于javascript實現(xiàn)的搜索時自動提示功能
這篇文章主要介紹了基于javascript實現(xiàn)的搜索時自動提示功能，非常實用，推薦給需要的小伙伴參考下。2014-12-12
這篇文章主要介紹了微信小程序框架的頁面布局代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)數(shù)字滾動動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
下面小編就為大家?guī)硪黄猨s匿名函數(shù)使用&傳參(實例)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)側(cè)滑刪除功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要給大家介紹了關(guān)于如何通過js示例講解時間復(fù)雜度與空間復(fù)雜度的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)簡單表格，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-02-02
這篇文章主要介紹了Javascript Promise用法詳解,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05