星空网 > 软件开发 > Java

原生javascript实现的能够自动变化的时间日期代码实例

原生javascript实现的能够自动变化的时间日期代码实例:
能够动态变化的事物总比静态的更能够吸引人,甚至更有实用效果,比如能够自动变化的时间日期效果就是如此,下面就通过代码实例介绍一下如何实现此效果,代码实例如下:

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><script type="text/javascript">var t = null;function time(){ dt = new Date(); var y=dt.getFullYear(); var h=dt.getHours(); var m=dt.getMinutes(); var s=dt.getSeconds(); document.getElementById("timeShow").innerHTML="当前时间:"+y+"年"+h+"时"+m+"分"+s+"秒"; t = setTimeout(time,1000);    } window.onload=function(){time()}</script></head><body><div id="timeShow"></div></body></html>

以上代码实现了我们的要求,下面简单介绍一下实现过程。
一.实现原理:
time()函数能够获取当前时间日期,然后在函数最后使用定时器函数递归调用time()函数,也就是能够不断执行time()函数,于是也就实现了时间日期自动更新的凶过,这里就不多介绍了。
二.相关阅读:
1.事件对象可以参阅ECMAScript的Date对象一章节。 
2.setTimeout()函数可以参阅window对象的setTimeout()方法一章节。 
3.innerHTML属性可以参阅js的innerHTML属性的用法一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11969

更多内容可以参阅:http://www.softwhy.com/javascript/




原标题:原生javascript实现的能够自动变化的时间日期代码实例

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

WB Card:https://www.goluckyvip.com/tag/27170.html
WB Drive:https://www.goluckyvip.com/tag/27171.html
we deal:https://www.goluckyvip.com/tag/27172.html
Wear Pact:https://www.goluckyvip.com/tag/27174.html
WeAreSellers:https://www.goluckyvip.com/tag/27175.html
Web3:https://www.goluckyvip.com/tag/27177.html
无锡旅游景点竹海 - 无锡的竹海:https://www.vstour.cn/a/363178.html
5月贾汪好玩的地方 贾汪哪有好玩的地方:https://www.vstour.cn/a/363179.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流