2012世界末日倒计时代码原来没事虚惊一场_javascript技巧-js教程-PHP中文网

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

WBOY

发布： 2016-05-16 17:46:25

原创

1345 人浏览过

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

<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> 
 
 
<h1>距离2012年12月31日还有
<span id="countDays"></span>天<span id="countHours"></span>小时<span id="countMinutes"></span>分钟<span id="countSeconds"></span>秒</h1>

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

复制代码代码如下:

离"世界末日"还有 

<script> <BR>function downTime(){ <BR>var timeout = window.setTimeout(downTime, 100); <BR>var endTime=new Date("12-21-2012 0:0:0");//改成你的计时日期 <BR>var today=new Date(); <BR>var timeold=(endTime.getTime()-today.getTime()); <BR>if(timeold <= 100){ <BR>window.clearTimeout(timeout); <BR>document.getElementByIdx_x("container").innerHTML = "原来没事啊，虚惊一场！"; <BR>return; <BR>} <BR>var sectimeold=timeold/1000; <BR>var secondsold=Math.floor(sectimeold); <BR>var msPerDay=24*60*60*1000; <BR>var e_daysold=timeold/msPerDay; <BR>var daysold=Math.floor(e_daysold); <BR>var e_hrsold=(e_daysold-daysold)*24; <BR>var hrsold=Math.floor(e_hrsold); <BR>var e_minsold=(e_hrsold-hrsold)*60; <BR>var minsold=Math.floor((e_hrsold-hrsold)*60); <BR>var e_seconds=(e_minsold-minsold)*60; <BR>var seconds=Math.floor((e_minsold-minsold)*60); <BR>var decimals = Math.floor((e_seconds-seconds)*10); <BR>document.getElementByIdx_x("downtime").innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"."+decimals+"秒" ; <BR>} <BR>downTime(); <BR></script> 

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

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