这次给大家带来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返回给指定元素
登录后复制
代码部分
Title var a = setInterval(function(){myTimer()},1000); function myTimer(){ var b = new Date(); var c = b.toLocaleTimeString(); document.getElementById("clock").innerHTML=c; }
登录后复制
相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!
推荐阅读:
以上就是JS实现实时反馈当前时间功能的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2771687.html