ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptリアルタイムフィードバックシステム時刻の実装方法を共有

JavaScriptリアルタイムフィードバックシステム時刻の実装方法を共有

黄舟
黄舟オリジナル
2017-10-26 09:35:431539ブラウズ

JavaScript を使用してシステム時間をフィードバックする

知識を活用する

JavaScript HTML DOM

HTML DOM の setInterval() メソッドは、clearInterval() が呼び出されるかウィンドウが閉じるまで関数を呼び出し続けます。 setInterval() によって返される ID 値は、clearInterval() メソッドの引数として使用できます。

構文 setInterval(code,milliseconds) setInterval(code,milliseconds)

code——代码(可以为函数)

milliseconds——在此调用的时间(毫秒)

因此,我们想让反馈的系统时间动起来,只需要让方法没隔1000毫秒调用一次就可以使显示的时间像闹钟一样动起来。

setInterval(function(){myTimer()},1000)

code - コード (関数にすることもできます)


milli Seconds - この呼び出しの時間 (ミリ秒)

したがって、フィードバック システムを作成したいと思います。時間を動かすには、1000 ミリ秒ごとにメソッドを呼び出して、表示される時間を目覚まし時計のように動かすだけです。

setInterval(function(){myTimer()},1000)

new Date()//获得当前时间
.toLocaleTimeString()//根据本地时间把Date对象的时间部分转换为字符串
.getElementById("clock")//返回带有指定 ID 的元素
.innerHTML=c; //将c返回给指定元素
コード部分

🎜
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <p id="clock"></p>
</body>
<script>
  var a = setInterval(function(){myTimer()},1000);
  function myTimer(){
    var b = new Date();
    var c = b.toLocaleTimeString();
    document.getElementById("clock").innerHTML=c;
  }
</script>
</html>
🎜🎜🎜概要🎜🎜🎜

以上がJavaScriptリアルタイムフィードバックシステム時刻の実装方法を共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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