javascript定時(shí)器完整實(shí)例
更新時(shí)間：2015年02月10日 15:14:48 作者：woshisap
這篇文章主要介紹了javascript定時(shí)器完整實(shí)現(xiàn)方法,以實(shí)例形式分析了定時(shí)器的嵌套調(diào)用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了javascript定時(shí)器完整實(shí)現(xiàn)方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>定時(shí)器</title>
<script type="text/javascript">
var timer = null;
function begin() {
var date = new Date();
var current_time = date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate() + ' ';
current_time += date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds();
document.getElementById('current_time').value = current_time;
timer = setTimeout('begin()', 1000);
}
function end() {
clearTimeout(timer); //清除掉定時(shí)器對(duì)象
}
</script>
</head>
<body>
<input type="text" name="current_time" id="current_time"/><input type="button" value="開(kāi)始" onclick="begin();">
<input type="button" value="結(jié)束" onclick="end();"/><br/>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>定時(shí)器</title>
<script type="text/javascript">
var timer = null;
function begin() {
var date = new Date();
var current_time = date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate() + ' ';
current_time += date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds();
document.getElementById('current_time').value = current_time;
timer = setTimeout('begin()', 1000);
}
function end() {
clearTimeout(timer); //清除掉定時(shí)器對(duì)象
}
</script>
</head>
<body>
<input type="text" name="current_time" id="current_time"/><input type="button" value="開(kāi)始" onclick="begin();">
<input type="button" value="結(jié)束" onclick="end();"/><br/>
</body>
</html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- Javascript 定時(shí)器調(diào)用傳遞參數(shù)的方法
- Javascript/Jquery——簡(jiǎn)單定時(shí)器的多種實(shí)現(xiàn)方法
- JavaScript定時(shí)器詳解及實(shí)例
- javascript間隔定時(shí)器(延時(shí)定時(shí)器)學(xué)習(xí) 間隔調(diào)用和延時(shí)調(diào)用
- 淺析javascript 定時(shí)器
- 深入探尋javascript定時(shí)器
- JavaScript學(xué)習(xí)筆記之定時(shí)器
- Javascript中setTimeOut和setInterval的定時(shí)器用法
- JavaScript定時(shí)器和優(yōu)化的取消定時(shí)器方法
- javascript中SetInterval與setTimeout的定時(shí)器用法
- JavaScript中的定時(shí)器之Item23的合理使用
- 跟我學(xué)習(xí)javascript的定時(shí)器
相關(guān)文章
微信小程序?qū)崿F(xiàn)多個(gè)按鈕的顏色狀態(tài)轉(zhuǎn)換
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)多個(gè)按鈕的顏色狀態(tài)轉(zhuǎn)換，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-02-02
跟我學(xué)習(xí)javascript的基本類型和引用類型
跟我學(xué)習(xí)javascript的基本類型和引用類型，利用圖解的方式，告訴大家javascript的基本類型和引用類型的區(qū)別和聯(lián)系，感興趣的小伙伴們可以參考一下2015-11-11
javascript改變position值實(shí)現(xiàn)菜單滾動(dòng)至頂部后固定
現(xiàn)在很多網(wǎng)站都有這樣的一個(gè)效果，當(dāng)頁(yè)面滾動(dòng)到一定高度時(shí)，菜單欄會(huì)固定在頁(yè)面頂部;該效果在 ie6 下不支持，因?yàn)閕e6不支持 position:fixed,效果很不錯(cuò)，感興趣的朋友可以了解下啊2013-01-01
javaScript??有三個(gè)經(jīng)常會(huì)使用到的原始類型：stirng，number,boolean?。每一個(gè)在Typescript?都有一個(gè)相對(duì)應(yīng)的類型。本文就來(lái)聊聊TypeScript中這些常用類型的使用，感興趣的可以了解一下2022-09-09
這篇文章主要為大家詳細(xì)介紹了js代碼實(shí)現(xiàn)輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
原生JavaScript創(chuàng)建不可變對(duì)象的方法簡(jiǎn)單示例
這篇文章主要介紹了原生JavaScript創(chuàng)建不可變對(duì)象的方法,結(jié)合簡(jiǎn)單實(shí)例形式分析了基于原生JavaScript創(chuàng)建不可變對(duì)象的相關(guān)原理、實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
js通過(guò)iframe加載外部網(wǎng)頁(yè)的實(shí)現(xiàn)代碼
這篇文章主要介紹了js通過(guò)iframe加載外部網(wǎng)頁(yè)的實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-04-04
JS是一門(mén)計(jì)算機(jī)編程語(yǔ)言，是一門(mén)動(dòng)態(tài)語(yǔ)言也稱為腳本語(yǔ)言，是解析型編程語(yǔ)言。需要了解跟多2012-11-11
如何用js控制frame的隱藏或顯示的解決辦法，需要的朋友可以參考一下2013-03-03
javascript 實(shí)現(xiàn)滾動(dòng)效果代碼整理
javascript 實(shí)現(xiàn)滾動(dòng)效果代碼整理，需要的朋友可以參考下。2010-03-03