JS動的日時_JavaScriptスキルの取得方法-jsチュートリアル-php.cn

JS動的日時_JavaScriptスキルの取得方法

WBOY

リリース： 2016-05-16 15:37:44

オリジナル

1029 人が閲覧しました

コードは比較的単純なので、エディターはこれ以上説明しません。コードを見て直接サンプルを投稿すれば理解できます。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>实时时间</title>
  <script type="text/javascript">
    var slidint;
    function newTimer() {
      stopit();
      var today;
      today = new Date();
      var str = today.toLocaleDateString();
      str += "  " + week();
      str += "  " + today.toLocaleTimeString();
      var o = document.getElementById("lblDateTime");
      o.innerHTML = str;
      slidint = setTimeout(newTimer, 1000);
    }
      
    function stopit() {
      clearTimeout(slidint);
    }
      
    function week() {
      var d, day, x, s = " ";
      var x = new Array("星期日", "星期一", "星期二");
      var x = x.concat("星期三", "星期四", "星期五");
      var x = x.concat("星期六");
      d = new Date();
      day = d.getDay();
      return (s += x[day]);
    }
      
    window.onload = function() {
      newTimer();
    }
  </script>
</head>
<body>
  <label id="lblDateTime"></label>
</body>
</html>

ログイン後にコピー

コード実装の効果は次のとおりです: