小編給大家分享一下javascrip如何t實現(xiàn)動態(tài)時鐘的啟動和停止,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
成都創(chuàng)新互聯(lián)公司是專業(yè)的金秀網(wǎng)站建設(shè)公司,金秀接單;提供成都做網(wǎng)站、網(wǎng)站制作,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行金秀網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!
javascript實現(xiàn)動態(tài)時鐘的啟動和停止,點擊開始按鈕,獲取當(dāng)前時間,點擊停止按鈕,時間停止
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>動態(tài)時鐘的啟動和停止</title>
</head>
<body background="img/2.jpg" >
<!--1.顯示當(dāng)前時間
2.啟動秒表
3.停止時鐘
-->
<h2>動態(tài)時鐘</h2>
<p>
當(dāng)前時間:<span id="clock" /> </span>
</p>
<p>
<input type="button" value="start" onclick="start()" />
<input type="button" value="stop" onclick="stop()" />
</p>
</body>
<script type="text/javascript">
var timer;
function start(){
//設(shè)置定時器(方法的實現(xiàn),毫秒數(shù))
timer=setInterval(function(){
var now=new Date();
var time=now.toLocaleTimeString();
var c=document.getElementById("clock");
c.innerHTML=time;
},1000);
}
function stop(){
//暫停 清楚定時器
clearInterval(timer);
}
</script>
</html>效果截圖:

看完了這篇文章,相信你對“javascrip如何t實現(xiàn)動態(tài)時鐘的啟動和停止”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
網(wǎng)站標(biāo)題:javascrip如何t實現(xiàn)動態(tài)時鐘的啟動和停止
文章地址:http://chinadenli.net/article12/gsjpgc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、App設(shè)計、靜態(tài)網(wǎng)站、品牌網(wǎng)站設(shè)計、面包屑導(dǎo)航、響應(yīng)式網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)