>웹 프론트엔드 >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 - 코드(함수일 수 있음)


milliseconds - 이 호출의 시간(밀리초)

따라서 우리는 피드백 시스템을 만들고 싶습니다. 시간을 이동시키려면 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.