js实现倒计时及时间对象

来源：动视网责编：小采时间：2020-11-27 20:27:14

js实现倒计时及时间对象

js实现倒计时及时间对象:JS实现倒计时效果代码如下：<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title>h <style> #box { width: 100%; he

推荐度：

点击下载本文 文档为doc格式

导读js实现倒计时及时间对象:JS实现倒计时效果代码如下：<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title>h <style> #box { width: 100%; he

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/800);
 
 //不到一天剩下的秒数;
 oSec%=800;
 
 //转换成小时
 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>

实现效果入下：

js实现倒计时及时间对象

时间戳：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(时,分,秒,毫秒);
时间会自动进位;

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

更多js实现倒计时及时间对象相关文章请关注PHP中文网！

js实现倒计时及时间对象

js实现倒计时及时间对象:JS实现倒计时效果代码如下：<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title>h <style> #box { width: 100%; he

推荐度：

点击下载本文 文档为doc格式

标签： js 倒计时 js实现倒计时

热门焦点

js实现倒计时及时间对象

js实现倒计时及时间对象

js实现倒计时及时间对象

最新推荐

猜你喜欢

热门推荐