JS倒计时效果代码如下:
无标题文档h#box {
width: 100%;
height: 400px;
background: black;
color: #fff;
font-size:40px;
line-height:400px;
text-align:center;
}
window.onload = function(){
var oBox = document.getElementById('box');
var oDate = new Date()//获得当前时间;
oDate.setFullYear(2016,11,31);//自动进位;
oDate.setHours(0,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);
}
实现效果入下:

时间戳: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(时、分、秒、毫秒);
时间会自动进位;
就这些,还有很多不足之处。希望大家多提宝贵意见!互相学习!互相学习!