ホームページ > ウェブフロントエンド > jsチュートリアル > JS動的日時_JavaScriptスキルの取得方法

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

WBOY
リリース: 2016-05-16 15:37:44
オリジナル
1091 人が閲覧しました

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

<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>
ログイン後にコピー

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

js で動的時間を取得する方法はたくさんありますが、この記事が皆さんの JavaScript プログラミングの設計に役立つことを願っています。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート