这次给大家带来js实现实时反馈当前时间功能,js实现实时反馈当前时间功能的注意事项有哪些,下面就是实战案例,一起来看一下。
用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>
<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>
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
以上就是js实现实时反馈当前时间功能的详细内容。