Home > Article > Web Front-end > Sharing the implementation method of JavaScript real-time feedback system time

Sharing the implementation method of JavaScript real-time feedback system time

黄舟Original: 2017-10-26 09:35:431491browse

Use javascript to feedback system time

Use knowledge

JavaScript HTML DOM

The setInterval() method in HTML DOM will continue to call the function until clearInterval() is called or the window is closed. The ID value returned by setInterval() can be used as an argument to the clearInterval() method.

SyntaxsetInterval(code,milliseconds)

code——code (can be a function)

milliseconds——the time of this call (milliseconds) )

Therefore, we want the feedback system time to move. We only need to make the method call every 1000 milliseconds to make the displayed time move like an alarm clock.

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

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

Code part

<!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>

Summary

The above is the detailed content of Sharing the implementation method of JavaScript real-time feedback system time. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Exploring the internal mechanisms of ReactNext article：Exploring the internal mechanisms of React

See more

Sharing the implementation method of JavaScript real-time feedback system time

Related articles