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

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

WBOY
WBOYオリジナル
2016-05-16 15:47:571106ブラウズ

この記事の例では、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部分は次のとおりです:

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

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

2015-7-31 8:47:5

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。