快捷導(dǎo)航

Javascript/Jquery——簡(jiǎn)單定時(shí)器的多種實(shí)現(xiàn)方法

更新時(shí)間：2013年07月03日 14:53:37 作者：

本文為大家詳細(xì)介紹下使用Javascript/Jquery實(shí)現(xiàn)簡(jiǎn)單的定時(shí)器，方法有多種，大家可以根據(jù)自己的喜好自由選擇，希望對(duì)大家有所幫助

第一種方法：

 
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
<title>定時(shí)器</title> 
<script language="javascript" src="jquery-1.4.2.js"></script> 
<script language="javascript"> 
//使用setInterval間歇調(diào)用 (不建議使用該方法) 
$(function(){ 
setInterval(function(){ 
$("#currentTime").text(new Date().toLocaleString()); 
},1000); 
}); 
</script> 
</head> 
<body> 
<div id="currentTime"></div> 
</body> 
</html> 

第二種方法：

復(fù)制代碼代碼如下:

 
<%@ page language="java" contentType="text/html; charset=UTF-8" 
pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<head> 
<title>定時(shí)器</title> 
<script language="javascript" src="jquery-1.4.2.js"></script> 
<script language="javascript"> 
//使用setTimeout超時(shí)調(diào)用 
function startTime(){ 
$("#currentTime").text(new Date().toLocaleString()); 
setTimeout('startTime()',1000); 
} 
</script> 
</head> 
<body onload="startTime()"> 
<div id="currentTime"></div> 
</body> 
</html> 

第三種方法：

復(fù)制代碼代碼如下:

 
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<head> 
<title>定時(shí)器</title> 
<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="開(kāi)始計(jì)時(shí)！" onclick="timedCount()"/> 
<input type="text" id="txt"/> 
<input type="button" value="停止計(jì)時(shí)！" onclick="stopCount()"/> 
</form> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

執(zhí)行iframe中的javascript方法
如何調(diào)用執(zhí)行iframe中的方法？如下
2008-10-10
js 使FORM表單的所有元素不可編輯的示例代碼
使FORM表單的的所有元素不可編輯的方法有很多，在本文將為大家詳細(xì)介紹下，js是如何做到的，感興趣的朋友不要錯(cuò)過(guò)
2013-10-10
JS前端知識(shí)點(diǎn)總結(jié)之內(nèi)置對(duì)象，日期對(duì)象和定時(shí)器相關(guān)操作
這篇文章主要介紹了JS前端知識(shí)點(diǎn)總結(jié)之內(nèi)置對(duì)象，日期對(duì)象和定時(shí)器相關(guān)操作,簡(jiǎn)單總結(jié)分析了JS內(nèi)置對(duì)象，日期對(duì)象和定時(shí)器相關(guān)對(duì)象方法及使用技巧,需要的朋友可以參考下
2019-07-07
js函數(shù)柯里化的方法和作用實(shí)例分析
這篇文章主要介紹了js函數(shù)柯里化的方法和作用,結(jié)合實(shí)例形式分析了js函數(shù)柯里化的方法、功能及操作注意事項(xiàng),需要的朋友可以參考下
2020-04-04
js判斷瀏覽器的環(huán)境（pc端，移動(dòng)端，還是微信瀏覽器）
這篇文章主要介紹了js判斷瀏覽器的環(huán)境（pc端，移動(dòng)端，還是微信瀏覽器），文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-01-01
js打印紙函數(shù)代碼（遞歸）
js打印紙函數(shù)代碼，獲取并設(shè)置打印紙的具體信息的代碼，需要的朋友可以參考下。
2010-06-06
element-ui?對(duì)話(huà)框dialog使用echarts報(bào)錯(cuò)'dom沒(méi)有獲取到'的問(wèn)題
這篇文章主要介紹了element-ui?對(duì)話(huà)框dialog里使用echarts，報(bào)錯(cuò)'dom沒(méi)有獲取到'的問(wèn)題，在這個(gè)事件里邊進(jìn)行echarts的初始化，執(zhí)行數(shù)據(jù)，本文結(jié)合實(shí)例代碼給大家詳細(xì)講解,需要的朋友可以參考下
2022-11-11
JS計(jì)算兩個(gè)數(shù)組的交集、差集、并集、補(bǔ)集（多種實(shí)現(xiàn)方式）
本文通過(guò)多種實(shí)現(xiàn)方式給大家介紹了JS計(jì)算兩個(gè)數(shù)組的交集、差集、并集、補(bǔ)集的相關(guān)知識(shí)，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-05-05
javascript之Partial Application學(xué)習(xí)
在數(shù)學(xué)中，一個(gè)函數(shù)是描述每個(gè)輸入值對(duì)應(yīng)唯一輸出值的這種對(duì)應(yīng)關(guān)系，符號(hào)為 f(x)。例如，表達(dá)式 f(x)=x2表示了一個(gè)函數(shù) f，其中每個(gè)輸入值x都與唯一輸出值x2相聯(lián)系
2013-01-01
JavaScript屏蔽指定區(qū)域內(nèi)右鍵菜單
有時(shí)候需要屏蔽部分區(qū)域內(nèi)的右鍵菜單，下面的代碼大家可以測(cè)試下。
2010-03-03