使用JS實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘
本文實(shí)例為大家分享了JS實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘的具體代碼，供大家參考，具體內(nèi)容如下
利用setTime()實(shí)現(xiàn)動(dòng)態(tài)的時(shí)鐘效果
代碼如下
<html> <head> <meta charset='utf-8'> <title>正在運(yùn)行的時(shí)鐘</title> <style type='text/css'> /*設(shè)置樣式：無(wú)邊框的文本框*/ input, #clock {width: 390;font-size: 30px;font-weight: 900;color: #FFFFFF;background-color: #930;border: 8px double #900; } </style> </head> <body onLoad='disptime( ) '> <form name='myform'> <input name='myclock' type='text' value='' size='20'> </form> <span id='clock'></span> <script language='JavaScript'> function disptime() {var time = new Date(); //獲得當(dāng)前時(shí)間var year = time.getFullYear(); //獲得年月日var month = time.getMonth(); //獲得年月日var date = time.getDate(); //獲得年月日var hour = time.getHours(); //獲得小時(shí)、分鐘、秒var minute = time.getMinutes();var second = time.getSeconds();if (minute < 10) //如果分鐘只有1位，補(bǔ)0顯示 minute = '0' + minute;if (second < 10) //如果秒數(shù)只有1位，補(bǔ)0顯示 second = '0' + second;/*設(shè)置文本框的內(nèi)容為當(dāng)前時(shí)間*/document.getElementById(’clock’).innerHTML = year + '年' + month + '月' + date + '日' + hour + ':' + minute + ':' + seconddocument.myform.myclock.value = year + '年' + month + '月' + date + '日' + hour + ':' + minute + ':' + second/*設(shè)置定時(shí)器每隔1秒（1000毫秒），調(diào)用函數(shù)disptime()執(zhí)行，刷新時(shí)鐘顯示*/var myTime = setTimeout('disptime()', 1000); } </script> </body></html>
效果如圖
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章：
1. 使用Python webdriver圖書館搶座自動(dòng)預(yù)約的正確方法2. Python字符串到字節(jié)的轉(zhuǎn)換。雙反斜杠問題3. Python sublime安裝及配置過程詳解4. Linux刪除系統(tǒng)自帶版本Python過程詳解5. Python 合并拼接字符串的方法6. Python3 json模塊之編碼解碼方法講解7. python 使用事件對(duì)象asyncio.Event來(lái)同步協(xié)程的操作8. ASP.NET MVC使用jQuery ui的progressbar實(shí)現(xiàn)進(jìn)度條9. Java Long類型對(duì)比分析10. ASP基礎(chǔ)知識(shí)VBScript基本元素講解
網(wǎng)公網(wǎng)安備