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(时,分,秒,毫秒); 时间会自动进位;
大概整理的就这些,还有很多不足的地方,希望大家多提宝贵意见!互相学习!互相取经!
本文向大家介绍php+js实现倒计时功能,包括了php+js实现倒计时功能的使用技巧和注意事项,需要的朋友参考一下 js部分 html部分,php 和 js 的时间倒计时
本文向大家介绍简单实现js倒计时功能,包括了简单实现js倒计时功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js倒计时的具体代码,主要使用了JS的Date对象和定时器setInterval,供大家参考,具体内容如下 更多关于倒计时的文章请查看专题:《倒计时功能》 更多JavaScript时钟特效点击查看:JavaScript时钟特效专题 以上就是本文的全部内容,希望对大家的学习
本文向大家介绍js倒计时简单实现方法,包括了js倒计时简单实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js倒计时简单实现方法的代码,分享给大家供大家参考,具体如下: 如果想显示倒计时效果,可以使用如下代码调用: jquery插件形式: 希望本文所述对大家JavaScript程序设计有所帮助。
本文向大家介绍js实现新年倒计时效果,包括了js实现新年倒计时效果的使用技巧和注意事项,需要的朋友参考一下 一年又一年,新年又快到了,最近大家又开始抢回家过年的车票了,我们就来算一算离新年还有多少天,总结总结在即将过去的2015年大家都收获了什么? 本文实例讲述了js实现新年倒计时效果代码。分享给大家供大家参考。具体如下: 运行效果图: 具体代码: 希望本文所述对大家学习javascript程序设
本文向大家介绍js实现倒计时关键代码,包括了js实现倒计时关键代码的使用技巧和注意事项,需要的朋友参考一下 我们经常会在一些电商网站上看到秒杀倒计时,双11倒计时.其实倒计时的效果实现起来也是很简单的,并不复杂. 首先呢,开始写之前一定要理清楚思路,思路清晰了,那写起来就容易多了,下面我分了几个步骤: 1.获取当前的时间,并且定义结束的时间 2.用求未来时间和当前时间的时间差,并且求出时分秒 3.
本文向大家介绍js简单倒计时实现代码,包括了js简单倒计时实现代码的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js简单倒计时实现代码。分享给大家供大家参考,具体如下: 更多关于JavaScript相关内容可查看本站专题:《JavaScript时间与日期操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技