js php 获取时间倒计时_,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);

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(时,分,秒,毫秒);

时间会自动进位;

大概整理的就这些,还有很多不足的地方,希望大家多提宝贵意见!互相学习!互相取经!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值