jsはウェブページのカウントダウンを実現して、ウェブサイトのすでに運行した時間の機能のコードの3例

1、jQuery.com untdownプラグインの表示フォーマット：50週01日07時間18分41秒（秒は走る秒）の1ページに複数のカウントダウンの例があり、停止と開始ができます。多すぎる機能は提供されていませんが、時間フォーマットと出力のサイズはカスタマイズできます。現在最新版v 2.02、公式住所http://hilios.github.io/jQuery.countdown/例：

<div id="getting-started"></div>
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="http://hilios.github.io/jQuery.countdown/javascripts/jquery.countdown.min.js"></script>
<script type="text/javascript">
  $('#getting-started').countdown('2016/01/01 00:00', function(event) {
    $(this).html(event.strftime('%w   %d   %H:%M:%S'));
  });
</script>

出力結果：50週01日07時間18分41秒
注意：全部でどれぐらいの日数が必要なのか%Dで、パラメータ説明：

Y: "years"
m: "months"
w: "weeks"
d: "days"
D: "totalDays"
H: "hours"
M: "minutes"
S: "seconds"

2、表示形式：距離終了時間はまだあります。00日05時間25分30秒（秒はランニング秒）

<div id="time" class="time"></div>
<script language=javascript>    
function show_date_time(){   
 window.setTimeout("show_date_time()", 1000);   
 target=new Date(2014,0,15,17,0,0);  //  ：          0   11   。    ，         8 ，      7。
 today=new Date(); 

 timeold=(target.getTime()-today.getTime());   

 sectimeold=timeold/1000   
 secondsold=Math.floor(sectimeold);   
 msPerDay=24*60*60*1000   
 e_daysold=timeold/msPerDay   
 daysold=Math.floor(e_daysold);   
 e_hrsold=(e_daysold-daysold)*24;   
 hrsold=Math.floor(e_hrsold);   
 e_minsold=(e_hrsold-hrsold)*60;   
 minsold=Math.floor((e_hrsold-hrsold)*60);   
 seconds=Math.floor((e_minsold-minsold)*60);   

  if (daysold<0) {   
  document.getElementById("time").innerHTML="  ,       ";   
}   
 else{   
 if (daysold<10) {daysold="0"+daysold}   
 if (hrsold<10) {hrsold="0"+hrsold}   
 if (minsold<10) {minsold="0"+minsold}   
 if (seconds<10) {seconds="0"+seconds}   
 if (daysold>0) {   
  document.getElementById("time").innerHTML="        ："+daysold+" "+hrsold+"  "+minsold+" "+seconds+" ";   
 }   
 else   
  document.getElementById("time").innerHTML="<font color=red>        ："+daysold+" "+hrsold+"  "+minsold+" "+seconds+" </font>";  //      1 ，       
}   
}   
show_date_time();   
</script>

3、表示形式：運転0年1日0時間4分35秒（秒はランニング秒）

<span id="sitetime"></span>
<script language=javascript>
function siteTime(){
window.setTimeout("siteTime()", 1000);
var seconds = 1000
var minutes = seconds * 60
var hours = minutes * 60
var days = hours * 24
var years = days * 365
var today = new Date()
var todayYear = today.getFullYear()
var todayMonth = today.getMonth()
var todayDate = today.getDate()
var todayHour = today.getHours()
var todayMinute = today.getMinutes()
var todaySecond = today.getSeconds()
/* Date.UTC() --   date         (UTC)1970 1 1         (   ) 
year -   date     ， 4    
month - 0-11     ，  date     
day - 1-31     ，  date     
hours - 0(  24 )-23     ，  date      
minutes - 0-59     ，  date      
seconds - 0-59     ，  date     
microseconds - 0-999     ，  date       */
var t1 = Date.UTC(2014,0,14,11,19,00)
var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond)
var diff = t2-t1
var diffYears = Math.floor(diff/years)
var diffDays = Math.floor((diff/days)-diffYears*365)
var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours)
var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes)
var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds)
document.getElementById("sitetime").innerHTML="    "+diffYears+"   "+diffDays+"   "+diffHours+"    "+diffMinutes+"    "+diffSeconds+"  "
}
siteTime()
</script>