星空网 > 软件开发 > Java

js实现的可以自动刷新的时间日期代码实例

js实现的可以自动刷新的时间日期代码实例:
可以自动刷新的时间日期效果在很多网页都在使用,因为能够让页面更加动感一些,也更加人性化,用户可以实时查看页面的时间,下面就通过代码实例介绍一下如何实现此效果。
代码如下:

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <script type="text/javascript" src='/images/loading.gif' data-original="mytest/jQuery/jquery-1.8.3.js"></script><script type="text/javascript"> function getTime(){  var odate=new Date();  var date=odate.toLocaleDateString();  var hours=odate.getHours();  var minutes=odate.getMinutes();  var seconds=odate.getSeconds();  $("#showDate").html(date+" "+(hours>9?hours:"0"+hours)+":" +(minutes>9?minutes:"0"+minutes)+":" +(seconds>9?seconds:"0"+seconds));} $(function(){  setInterval("getTime();",1000);}) </script> </head> <body> <div id="showDate"></div></body> </html>

上面的代码实现了实现时间日期的自动刷新效果,下面介绍一下它的实现过程。
一.代码注释:
1.function getTime(){},此函数可以获取当前的时间日期。
2.var odate=new Date(),创建当前时间日期对象。
3.var date=odate.toLocaleDateString(),可以获取本地年月日。
4.var hours=odate.getHours(),获取小时。
5.var minutes=odate.getMinutes(),获取分钟。
6.var seconds=odate.getSeconds(),获取秒。
7.$("#showDate").html(date+" "+(hours>9?hours:"0"+hours)+":"+(minutes>9?minutes:"0"+minutes)+":"+(seconds>9?seconds:"0"+seconds)),将当前的时间日期写入指定的元素,当然这里是div,这是使用三元运算符是为了实现当小时、分钟和秒为个位数时,前面加0。
8.$(function(){setInterval("getTime();",1000);}) ,每秒执行一次指定的函数。
二.相关阅读:
1.关于时间对象可以参阅ECMAScript的Date对象一章节。 
2.三元运算符可以参阅三元运算符用法详解一章节。 
3.setInterval()函数可以参阅setInterval()函数用法详解一章节。 

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

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




原标题:js实现的可以自动刷新的时间日期代码实例

关键词:JS

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

shopee收费模式:https://www.goluckyvip.com/tag/25096.html
shopee收款方式:https://www.goluckyvip.com/tag/25097.html
shopee售后:https://www.goluckyvip.com/tag/25098.html
shopee数据分析:https://www.goluckyvip.com/tag/25099.html
远期售汇:https://www.goluckyvip.com/tag/251.html
PayPay:https://www.goluckyvip.com/tag/2510.html
怎样做出一个有利可图的SaaS产品?:https://www.kjdsnews.com/a/1836639.html
【再放信号】美国Etsy即将放开中国卖家入驻,官方邮件你收到了吗?:https://www.kjdsnews.com/a/1836640.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流