资讯详情

js实现倒计时及时间对象

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);

}

距离2016年12月31日还有:xx天xx时xx分xx秒

实现效果入下:

fa8662df4f14cd5a82b053e9843ddb85.png

时间戳: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(时、分、秒、毫秒);

时间会自动进位;

就这些,还有很多不足之处。希望大家多提宝贵意见!互相学习!互相学习!

标签: omon安全继电器

锐单商城拥有海量元器件数据手册IC替代型号,打造 电子元器件IC百科大全!

 锐单商城 - 一站式电子元器件采购平台  

 深圳锐单电子有限公司