相思资源网 Design By www.200059.com
JS实现倒计时效果代码如下:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title>h <style> #box { width: 100%; height: 400px; background: black; color: #fff; font-size:40px; line-height:400px; text-align:center; } </style> <script> window.onload = function(){ var oBox = document.getElementById('box'); var oDate = new Date();//获取当前时间; oDate.setFullYear(2016,11,31);//自动进位; oDate.setHours(0,0,0,0); function countDown(){ //未来时间戳减去现在时间的时间戳; var ms = oDate.getTime() - new Date().getTime(); //毫秒转换成秒 var oSec = parseInt(ms/1000); //秒转换成天 var oDay = parseInt(oSec/86400); //不到一天剩下的秒数; oSec%=86400; //转换成小时 var oHour = parseInt(oSec/3600); //不到一小时剩下的秒数; oSec%=3600; //转换成分钟 var oMin = parseInt(oSec/60); //不到一分钟剩下的秒数; oSec%=60; oBox.innerHTML = '距离2016年12月31日还有:'+oDay+'天'+oHour+'时'+oMin+'分'+oSec+'秒'; } countDown(); setInterval(countDown,1000); } </script> </head> <body> <div id="box">距离2016年12月31日还有:xx天xx时xx分xx秒</div> </body> </html>
实现效果入下:
时间戳:1970年1月日至今的毫秒数:oDate.getTime(); //不要问我为什么是1970年1月至今哦!自个儿百度啦!
时间对象:
获取时间:
var oDate = new Date(); oYear = oDate.getFullYear(); oMon = oDate.getMonth(); oDay = oDate.getDate(); oHou = oDate.getHours(); oMin = oDate.getMinutes(); oSec = oDate.getSeconds(); oWeek = oDate.getDay();
设置时间:
oDate.setFullYear(年,月,日); oDate.setMonth(月); oDate.setDate(日); oDate.setHours(时,分,秒,毫秒); 时间会自动进位;
大概整理的就这些,还有很多不足的地方,希望大家多提宝贵意见!互相学习!互相取经!
标签:
js,倒计时,时间对象
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无js实现倒计时及时间对象的评论...