ホームページ > ウェブフロントエンド > jsチュートリアル > 現在時刻をリアルタイムに取得・表示するjsメソッド_javascriptスキル

現在時刻をリアルタイムに取得・表示するjsメソッド_javascriptスキル

WBOY
リリース: 2016-05-16 15:47:57
オリジナル
1102 人が閲覧しました

この記事の例では、js が現在時刻をリアルタイムで取得して表示する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

js 部分は次のとおりです:

<script type="text/javascript">
 window.onload = function() {
  var show = document.getElementById("show");
  setInterval(function() {
   var time = new Date();
   // 程序计时的月从0开始取值后+1
   var m = time.getMonth() + 1;
   var t = time.getFullYear() + "-" + m + "-"
     + time.getDate() + " " + time.getHours() + ":"
     + time.getMinutes() + ":" + time.getSeconds();
   show.innerHTML = t;
  }, 1000);
 };
</script>
ログイン後にコピー

HTML部分は次のとおりです:

コードをコピー コードは次のとおりです。

表示される値は次のとおりです:

2015-7-31 8:47:5

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。

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