js实现倒计时及时间对象

时间 2019-11-13

标签实现倒计时及时对象栏目 JavaScript 繁體版

原文原文链接

JS实现倒计时效果代码以下：html

<!doctype html>学习

<html>spa

<head>.net

<meta charset="utf-8">code

<title>无标题文档</title>hhtm

<style>对象

#box {ip

width: 100%;utf-8

height: 400px;ci

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

时间会自动进位;

大概整理的就这些，还有不少不足的地方，但愿你们多提宝贵意见！互相学习！互相取经！