JavaScript实现实时更新系统时间的实例代码
更新时间：2017年04月04日 09:46:09 作者：qq_31683121
本文给大家分享javascript实现实时更新系统时间的实例代码，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧
一、Js代码
function getTime(){
str = "当前系统时间："
var p = document.getElementById("sy_time");
time = new Date();
year = time.getFullYear();
month = time.getMonth() + 1;
day = time.getDate();
hour = time.getHours();
minutes = time.getMinutes();
seconds = time.getSeconds();
str = str + year +"-"+ month +"-"+ day + " " +hour+":"+minutes+":"+seconds;
p.innerText = str;
setTimeout(getTime,1000);
}
window.onload = function(){
getTime();
}
二、前端代码
<!-- 页面调用代码 --> <p id = "sy_time"></p>
以上所述是小编给大家介绍的JavaScript实现实时更新系统时间的实例代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的，在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了JavaScript返回网页中锚点数目的方法,涉及javascript使用document.anchors获取锚点数目的技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了AJAX XMLHttpRequest对象创建使用详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-08-08
这篇文章主要介绍了JS表格的动态操作,结合完整实例形式详细分析了JavaScript针对表格元素的动态修改与删除简单操作技巧,需要的朋友可以参考下2020-01-01
这篇文章主要为大家详细介绍了js canvas画布实现高斯模糊效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
这篇文章主要为大家详细介绍了js实现楼层滚动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要介绍了JS实现可展开折叠层的鼠标拖曳效果,具有展开折叠层及实时显示鼠标坐标位置的功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
在解决js的跨域问题的时候， 有多种方式， 其中有一种是利用script标签的src属性，因为这个属性是不受域名限制的，我们可以直接让src的这个链接指向跨域网站的一个接口， 这个接口返回的是js代码或者json格式数据， 从而实现跨域获取数据。2014-11-11
这篇文章主要为大家详细介绍了swiper移动端轮播插件，触碰图片之后停止轮播，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
这篇文章主要介绍了JavaScript原型链及常见的继承方法,文章围绕主题展开详细的内容介绍，具有一定的的参考价值，需要的朋友可以参考一下2022-07-07
这篇文章主要为大家详细介绍了原生Js实现日历挂件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
最新评论