快捷導(dǎo)航

簡單的JS時(shí)鐘實(shí)例講解

更新時(shí)間：2016年01月13日 10:35:01 作者：Superpan2015

這篇文章主要為大家分享了一個(gè)簡單的JS時(shí)鐘實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例介紹了JS時(shí)鐘實(shí)現(xiàn)代碼，分享給大家供大家參考，具體內(nèi)容如下

效果圖：

具體代碼：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="gb2312">
  <title>Document</title>
  <script type="text/javascript">

    function startTime () {
       var today=new Date();
    var y=today.getFullYear();
    var mon=today.getMonth()+1;
       mon=changNum(mon);
    var d=today.getDay();
       d=changNum(d);
    var h=today.getHours();
    var m=today.getMinutes();
       m=changNum(m);
    var s=today.getSeconds();
       s=changNum(s);
    document.getElementById("timeid").innerHTML=y+"年"+mon+"月"+d+"日"+h+":"+m+":"+s;
    t=setTimeout(function(){
      startTime();
    },500);
    }    

   function changNum(i){   //月、日、秒如果小于10數(shù)字前加0
       if(i<10){
          return "0"+i;
       }
       return i;
   }

  </script>
</head>
<body onload="startTime()">

<h1 id="timeid"></h1>

</body>
</html>

希望本文所述對(duì)大家學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

javascript 獲取網(wǎng)頁標(biāo)題
js獲取網(wǎng)頁標(biāo)題
2008-04-04
javascript實(shí)現(xiàn)禁止右鍵和F12查看源代碼
這篇文章主要介紹了javascript實(shí)現(xiàn)禁止右鍵和F12查看源代碼的代碼,需要的朋友可以參考下
2014-12-12
JavaScript聲明變量的這四兄弟(var、let、function、const)
這篇文章主要介紹了JavaScript聲明變量的這四兄弟，主要就是介紹var、let、function、const區(qū)別,需要的朋友可以參考下
2023-02-02
微信小程序訪問豆瓣電影api的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序訪問豆瓣電影api的實(shí)現(xiàn)方法,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-03-03
JS數(shù)組中常用方法技巧學(xué)會(huì)進(jìn)階成為大佬
這篇文章主要為大家介紹了JS數(shù)組中常用的方法技巧，學(xué)會(huì)了你就在進(jìn)階成為大佬的道路上又邁進(jìn)了一步，希望能夠有所幫助，祝大家多多進(jìn)步
2021-10-10
JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹添加/刪除節(jié)點(diǎn)操作示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹添加/刪除節(jié)點(diǎn)操作,涉及javascript二叉樹的定義、節(jié)點(diǎn)添加、刪除、遍歷等相關(guān)操作技巧,需要的朋友可以參考下
2019-03-03
微信小程序用戶位置權(quán)限的獲取方法（拒絕后提醒）
這篇文章主要介紹了微信小程序用戶位置權(quán)限的獲取方法（拒絕后提醒）,文中給大家介紹了微信小程序獲取用戶當(dāng)前位置的三個(gè)方式，授權(quán)方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-11-11
在頁面中引入js的兩種方法(推薦)
下面小編就為大家?guī)硪黄陧撁嬷幸雑s的兩種方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-08-08
一篇文章徹底講清楚前端熱更新
這篇文章主要介紹了前端熱更新的相關(guān)資料,熱更新讓前端開發(fā)更加高效,通過最小代價(jià)替換代碼并保留頁面狀態(tài),文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2025-02-02
這樣回答繼承可能面試官更滿意
這篇文章主要介紹了這樣回答繼承可能面試官更滿意,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-12-12