欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js實現(xiàn)時鐘定時器

 更新時間:2020年03月26日 14:10:33   作者:JackieDYH  
這篇文章主要為大家詳細介紹了js實現(xiàn)時鐘定時器,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下

本文實例為大家分享了js實現(xiàn)時鐘定時器的具體代碼,供大家參考,具體內(nèi)容如下

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>時鐘</title>
 <script type="text/javascript">
 function showClock(){
 // 1. 獲取當前時間
 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){
  // 計時操作
  id = setInterval("showClock()",1000);
  flag = false;
  btn.innerHTML = "停止";
 }else{
  // 停止計時操作
  clearInterval(id);
  flag = true;
  btn.innerHTML = "動起來";
 }  
 
 }

 
 </script>
 </head>
 <body>
 <button οnclick="showClock()">點擊顯示時鐘</button>
 <div id="clock">
 
 </div>
 <button id="btn" οnclick="runClock()">動起來</button>
 </body>
</html>

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • 關于IE中getElementsByClassName不能用的問題解決方法

    關于IE中getElementsByClassName不能用的問題解決方法

    今天使用getElementsByClassName寫了段小程序,在IE6、8中測試的時候就出現(xiàn)問題了,瀏覽器報錯,經(jīng)搜索找到了一個比較好的方法,是個老外寫的一個方法
    2013-08-08
  • js簡易namespace管理器 實例代碼

    js簡易namespace管理器 實例代碼

    js簡易namespace管理器 實例代碼,需要的朋友可以參考一下
    2013-06-06
  • 使用原生js實現(xiàn)拖拽和粘貼上傳圖片功能

    使用原生js實現(xiàn)拖拽和粘貼上傳圖片功能

    這篇文章主要介紹了使用原生js實現(xiàn)拖拽和粘貼上傳圖片功能,Vue/Rect?生態(tài)用多了都快忘記原生js怎么寫了,今天需要直接在服務器裸寫個頁面,實現(xiàn)?textarea?文本框里接收拖拽多個圖片,需要的朋友可以參考下
    2024-04-04
  • JS實現(xiàn)Excel文件與圖片視頻上傳

    JS實現(xiàn)Excel文件與圖片視頻上傳

    這篇文章主要為大家學習介紹了JavaScript如何實現(xiàn)Excel文件與圖片視頻上傳,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下
    2023-07-07
  • bootstrap+jQuery實現(xiàn)的動態(tài)進度條功能示例

    bootstrap+jQuery實現(xiàn)的動態(tài)進度條功能示例

    這篇文章主要介紹了bootstrap+jQuery實現(xiàn)的動態(tài)進度條功能,結(jié)合完整實例形式分析了bootstrap+jQuery實現(xiàn)動態(tài)進度條的具體步驟與相關操作技巧,需要的朋友可以參考下
    2017-05-05
  • JavaScript 組件之旅(三):用 Ant 構建組件

    JavaScript 組件之旅(三):用 Ant 構建組件

    我們走到哪兒了?前兩期思考了太多東西,你是否已有倦意?別擔心,本期的話題很輕松,你只需要簡單了解一些語法,寫幾行配置,就能驅(qū)使系統(tǒng)按你預設的方式自動完成一些工作。
    2009-10-10
  • js用正則表達式來驗證表單(比較齊全的資源)

    js用正則表達式來驗證表單(比較齊全的資源)

    在學習網(wǎng)頁中的表單驗證,順便學習下正則表達式,在網(wǎng)上找了后發(fā)現(xiàn)了一個比較齊全的資源,稍微進行了一下排版,喜歡的朋友可以收藏
    2013-11-11
  • js單線程的本質(zhì) Event Loop解析

    js單線程的本質(zhì) Event Loop解析

    這篇文章主要介紹了js單線程的本質(zhì) Event Loop解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-10-10
  • 微信小程序獲取音頻時長與實時獲取播放進度問題

    微信小程序獲取音頻時長與實時獲取播放進度問題

    這篇文章主要介紹了微信小程序獲取音頻時長與實時獲取播放進度,文中給大家通過一個例子介紹了微信小程序音頻長度獲取的問題,感興趣的朋友跟隨腳本之家小編一起看看吧
    2018-08-08
  • js倒計時小實例(多次定時)

    js倒計時小實例(多次定時)

    這篇文章主要介紹了js實現(xiàn)可多次定時的倒計時小實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-12-12

最新評論