js實現一個簡單的數字時鐘效果

效果圖：

十年的和田網站建設經驗，針對設計、前端、開發、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。網絡營銷推廣的優勢是能夠根據用戶設備顯示端的尺寸不同，自動調整和田建站的顯示方式，使網站能夠適用不同顯示終端，在瀏覽器中調整網站的寬度，無論在任何一種瀏覽器上瀏覽網站，都能展現優雅布局與設計，從而大程度地提升瀏覽體驗。創新互聯公司從事“和田網站設計”,“和田網站推廣”以來，每個客戶項目都認真落實執行。

js實現一個簡單的數字時鐘效果

代碼如下：

<!DOCTYPE HTML>
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
  <title>一個簡單的數字時鐘</title>
  <script type="text/javascript" charset="utf-8">
   // 定義一個函數用以顯示當前時間
   function displayTime() {
    var elt = document.getElementById("clock"); // 通過id= "clock"找到元素
    var now = new Date(); // 得到當前時間
    elt.innerHTML = now.toLocaleTimeString(); //讓elt來顯示它
    setTimeout(displayTime,1000); //在1秒后再次執行
   }
   window.onload = displayTime; //當onload事件發生時開始顯示時間
  </script>
  <style type="text/css" media="all">
   #clock {
    font: bold 24pt sans;
    background: #ddf;
    padding: 10px;
    border: 2px solid black;
    border-radius: 10px;
   }
  </style>
 </head>
 <body>
  <h2>一個簡單的數字時鐘</h2>
  <span id="clock"></span>
 </body>
</html>

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持創新互聯！

網站題目：js實現一個簡單的數字時鐘效果
文章轉載：http://vcdvsql.cn/article10/pdshdo.html

成都網站建設公司_創新互聯，為您提供企業建站、微信小程序、網站制作、手機網站建設、軟件開發、品牌網站制作

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

js實現一個簡單的數字時鐘效果