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

使用JS實現(xiàn)動態(tài)時鐘

 更新時間：2020年03月12日 10:31:37   作者：披風(fēng)超人  
這篇文章主要為大家詳細介紹了使用JS實現(xiàn)動態(tài)時鐘，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了JS實現(xiàn)動態(tài)時鐘的具體代碼，供大家參考，具體內(nèi)容如下

利用setTime()實現(xiàn)動態(tài)的時鐘效果

代碼如下

<html>
  <head>
    <meta charset="utf-8">
    <title>正在運行的時鐘</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)前時間
        var year = time.getFullYear(); //獲得年月日
        var month = time.getMonth(); //獲得年月日
        var date = time.getDate(); //獲得年月日
        var hour = time.getHours(); //獲得小時、分鐘、秒
        var minute = time.getMinutes();
        var second = time.getSeconds();
        if (minute < 10) //如果分鐘只有1位，補0顯示
          minute = "0" + minute;
        if (second < 10) //如果秒數(shù)只有1位，補0顯示
          second = "0" + second;
        /*設(shè)置文本框的內(nèi)容為當(dāng)前時間*/
        document.getElementById('clock').innerHTML = year + "年" + month + "月" + date + "日" + hour + ":" + minute + ":" +
          second
        document.myform.myclock.value = year + "年" + month + "月" + date + "日" + hour + ":" + minute + ":" + second
        /*設(shè)置定時器每隔1秒（1000毫秒），調(diào)用函數(shù)disptime()執(zhí)行，刷新時鐘顯示*/
        var myTime = setTimeout("disptime()", 1000);
 
      }
    </script>
  </body>
</html>

效果如圖

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

相關(guān)文章

最新評論