js實(shí)現(xiàn)時(shí)鐘定時(shí)器
本文實(shí)例為大家分享了js實(shí)現(xiàn)時(shí)鐘定時(shí)器的具體代碼,供大家參考,具體內(nèi)容如下
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>時(shí)鐘</title> <script type="text/javascript"> function showClock(){ // 1. 獲取當(dāng)前時(shí)間 var time = new Date(); // document.write(time); var year = time.getFullYear(); // document.write(year); var month = time.getMonth() + 1; // document.write(month); var day = time.getDate(); // var day1 = time.getDay(); // document.write(day1); var hours = time.getHours(); // document.write(hours); var minutes = time.getMinutes(); // document.write(minutes); var seconds = time.getSeconds(); document.getElementById("clock").innerHTML = year+"-"+month+"-"+day+" " +hours+":"+minutes+":"+seconds; } var flag = true; var id; function runClock(){ var btn = document.getElementById("btn"); if(flag){ // 計(jì)時(shí)操作 id = setInterval("showClock()",1000); flag = false; btn.innerHTML = "停止"; }else{ // 停止計(jì)時(shí)操作 clearInterval(id); flag = true; btn.innerHTML = "動起來"; } } </script> </head> <body> <button οnclick="showClock()">點(diǎn)擊顯示時(shí)鐘</button> <div id="clock"> </div> <button id="btn" οnclick="runClock()">動起來</button> </body> </html>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- JavaScript編寫開發(fā)動態(tài)時(shí)鐘
- javascript canvas時(shí)鐘模擬器
- javascript實(shí)現(xiàn)簡易數(shù)碼時(shí)鐘
- JS實(shí)現(xiàn)網(wǎng)頁時(shí)鐘特效
- js實(shí)現(xiàn)小時(shí)鐘效果
- js實(shí)現(xiàn)一個(gè)簡單的數(shù)字時(shí)鐘效果
- html5 canvas js(數(shù)字時(shí)鐘)實(shí)例代碼
- 五步輕松實(shí)現(xiàn)JavaScript HTML時(shí)鐘效果
- JavaScript實(shí)現(xiàn)簡單的時(shí)鐘實(shí)例代碼
- js+css3實(shí)現(xiàn)炫酷時(shí)鐘
相關(guān)文章
關(guān)于IE中g(shù)etElementsByClassName不能用的問題解決方法
今天使用getElementsByClassName寫了段小程序,在IE6、8中測試的時(shí)候就出現(xiàn)問題了,瀏覽器報(bào)錯(cuò),經(jīng)搜索找到了一個(gè)比較好的方法,是個(gè)老外寫的一個(gè)方法2013-08-08使用原生js實(shí)現(xiàn)拖拽和粘貼上傳圖片功能
這篇文章主要介紹了使用原生js實(shí)現(xiàn)拖拽和粘貼上傳圖片功能,Vue/Rect?生態(tài)用多了都快忘記原生js怎么寫了,今天需要直接在服務(wù)器裸寫個(gè)頁面,實(shí)現(xiàn)?textarea?文本框里接收拖拽多個(gè)圖片,需要的朋友可以參考下2024-04-04bootstrap+jQuery實(shí)現(xiàn)的動態(tài)進(jìn)度條功能示例
這篇文章主要介紹了bootstrap+jQuery實(shí)現(xiàn)的動態(tài)進(jìn)度條功能,結(jié)合完整實(shí)例形式分析了bootstrap+jQuery實(shí)現(xiàn)動態(tài)進(jìn)度條的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-05-05JavaScript 組件之旅(三):用 Ant 構(gòu)建組件
我們走到哪兒了?前兩期思考了太多東西,你是否已有倦意?別擔(dān)心,本期的話題很輕松,你只需要簡單了解一些語法,寫幾行配置,就能驅(qū)使系統(tǒng)按你預(yù)設(shè)的方式自動完成一些工作。2009-10-10js用正則表達(dá)式來驗(yàn)證表單(比較齊全的資源)
在學(xué)習(xí)網(wǎng)頁中的表單驗(yàn)證,順便學(xué)習(xí)下正則表達(dá)式,在網(wǎng)上找了后發(fā)現(xiàn)了一個(gè)比較齊全的資源,稍微進(jìn)行了一下排版,喜歡的朋友可以收藏2013-11-11微信小程序獲取音頻時(shí)長與實(shí)時(shí)獲取播放進(jìn)度問題
這篇文章主要介紹了微信小程序獲取音頻時(shí)長與實(shí)時(shí)獲取播放進(jìn)度,文中給大家通過一個(gè)例子介紹了微信小程序音頻長度獲取的問題,感興趣的朋友跟隨腳本之家小編一起看看吧2018-08-08js倒計(jì)時(shí)小實(shí)例(多次定時(shí))
這篇文章主要介紹了js實(shí)現(xiàn)可多次定時(shí)的倒計(jì)時(shí)小實(shí)例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12