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实现实时更新系统时间的实例代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的，在此也非常感谢大家对脚本之家网站的支持！
相关文章
在js中有方法可以将字符串转化为xml对象，感兴趣的朋友可以参考下面的代码片段，希望对你有所帮助2013-04-04
这篇文章主要介绍了微信小程序左右滑动的实现代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-12-12
javascript设计模式 – 策略模式原理与用法实例分析
这篇文章主要介绍了javascript设计模式 – 策略模式,结合实例形式分析了javascript策略模式相关概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-04-04
这篇文章主要为大家详细介绍了微信小程序实现多文件或者图片上传，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
在微信小程序开发中,数据操作是不可或缺的一环,文章详细介绍了数据绑定、更新等方法,并提供示例和注意事项,帮助开发者更好地应用这些技术,本文给大家介绍微信小程序数据操作指南之从绑定到更新,感兴趣的朋友跟随小编一起看看吧2024-10-10
浅析JavaScript如何解决跨域问题并手写一个jsonp
跨域是指浏览器为了安全性,实施的同源策略,同源策略要求,只有协议、域名和端口号完全相同的网页,才能共享资源,本文整理了一些常用的跨域解决方法,希望对大家有所帮助2024-03-03
一文详细分析前端请求中的“Unsupported Media Type”问题
在Web开发中,前后端交互频繁遇到HTTP状态码415错误,这表明服务器无法处理因Content-Type不匹配的请求,常见于POST或PUT请求,必须确保请求头中的Content-Type与服务器期望的一致,跨域请求中,需要的朋友可以参考下2024-10-10
本文通过html代码和js代码给大家介绍了实现倒计时天,时,分,秒功能，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧2018-07-07![javascript getBoundingClientRect() 来获取页面元素的位置的代码[修正版]](//img.jbzj.com/images/xgimg/bcimg8.png)
javascript getBoundingClientRect() 来获取页面元素的位置的代码[修正版]
该方法已经不再是IE Only了，FF3.0+和Opera9.5+已经支持了该方法，可以说在获得页面元素位置上效率能有很大的提高，在以前版本的Opera和Firefox中必须通过循环来获得元素在页面中的绝对位置。2009-05-05
通过几个常见面试开始,讨论针对一个题目的分析思路，就有了下面这篇文章，本文主要给大家整理总结介绍了关于JavaScript面试中会频繁出现的一些易错点，对大家具有一定的参考学习价值，需要的朋友们下面随着小编来一起看看吧。2018-03-03
![javascript getBoundingClientRect() 来获取页面元素的位置的代码[修正版]](http://img.jbzj.com/images/xgimg/bcimg8.png)
最新评论