使用JS實(shí)現(xiàn)動態(tài)時(shí)鐘
本文實(shí)例為大家分享了JS實(shí)現(xiàn)動態(tài)時(shí)鐘的具體代碼，供大家參考，具體內(nèi)容如下
利用setTime()實(shí)現(xiàn)動態(tài)的時(shí)鐘效果
代碼如下
<html> <head> <meta charset='utf-8'> <title>正在運(yùn)行的時(shí)鐘</title> <style type='text/css'> /*設(shè)置樣式：無邊框的文本框*/ 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>
效果如圖
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章：
1. ASP使用MySQL數(shù)據(jù)庫的方法2. ASP中解決“對象關(guān)閉時(shí),不允許操作。”的詭異問題……3. 解決ASP中http狀態(tài)跳轉(zhuǎn)返回錯(cuò)誤頁的問題4. xml中的空格之完全解說5. WMLScript的語法基礎(chǔ)6. msxml3.dll 錯(cuò)誤 800c0019 系統(tǒng)錯(cuò)誤:-2146697191解決方法7. XML入門的常見問題(四)8. ASP中if語句、select 、while循環(huán)的使用方法9. html小技巧之td,div標(biāo)簽里內(nèi)容不換行10. ASP動態(tài)網(wǎng)頁制作技術(shù)經(jīng)驗(yàn)分享
網(wǎng)公網(wǎng)安備