欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

纯JavaScript实现实时反馈系统时间

程序员文章站 2022-09-08 14:20:04
用javascript反馈系统时间 运用知识 javascript html dom html dom 中的setinterval() 方法会不停地调用函数,直到 c...

用javascript反馈系统时间

运用知识

javascript html dom

html dom 中的setinterval() 方法会不停地调用函数,直到 clearinterval() 被调用或窗口被关闭。由 setinterval() 返回的 id 值可用作 clearinterval() 方法的参数。

语法setinterval(code,milliseconds)

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>
  <div id="clock"></div>
</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实现实时反馈系统时间,希望对大家有所帮助