当前位置：Gxlcms > JavaScript > 2012世界末日倒计时代码原来没事虚惊一场_javascript技巧

2012世界末日倒计时代码原来没事虚惊一场_javascript技巧

时间：2021-07-01 10:21:17 帮助过：9人阅读

这款时世界末日倒计时源代码，程序上有JS控制器，是用于网页中显示的倒计时器，自己可以设定世界末日的开始时间，网页倒计时世界末日源代码直接复制就可以用，无需下载，直接便可使用

<html> 
<head> 
<title>网页倒计时世界末日源代码_js倒数世界之末日_脚本之家</title> 
<meta http-equiv="Content-Type" content="text/html charset=UTF8" /> 
<script type="text/javascript" > 
function fu_count2012() { 
var days = document.getElementById("countDays"); 
var hours = document.getElementById("countHours"); 
var minutes = document.getElementById("countMinutes"); 
var seconds = document.getElementById("countSeconds"); 
var timeTotal = new Date(); 
var mSecondTotal = timeTotal.getTime(); 
var timeTotal2012 = new Date(2012,11,21,0,0,0); 
var mSecondTotal2012 = timeTotal2012.getTime(); 
var mtimes = mSecondTotal2012 - mSecondTotal; 
var getDays = Math.floor(mtimes / 1000 / 60 / 60 / 24); 
var getHours = Math.floor(mtimes / 1000 / 60 / 60 % 24); 
var getMinutes = Math.floor(mtimes / 1000 / 60 % 60); 
var getSeconds = Math.floor(mtimes / 1000 % 60); 
getHours = (getHours < 10) ? "0"+getHours : getHours; 
getMinutes = (getMinutes < 10) ? "0"+getMinutes : getMinutes; 
getSeconds = (getSeconds < 10) ? "0"+getSeconds : getSeconds; 
days.innerHTML = getDays; 
hours.innerHTML = getHours; 
minutes.innerHTML = getMinutes; 
seconds.innerHTML = getSeconds; 
setTimeout("fu_count2012()", 1000); 
} 
window.onload = fu_count2012; 
</ script> 
<style type="text/css"> 
body { 
background: #000000; 
color: #ffffff; 
text-align: center; 
} 
</style> 
</head> 
<body> 
<h2>距离2012年12月31日还有
<span id="countDays"></span>天<span id="countHours"></span>小时<span id="countMinutes"></span>分钟<span id="countSeconds"></span>秒</h2> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

代码如下:

离"世界末日"还有