当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 纯JavaScript实现实时反馈系统时间

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

2017年12月12日  | 移动技术网IT编程  | 我要评论
用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实现实时反馈系统时间,希望对大家有所帮助

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网