js 模仿網(wǎng)上的限時(shí)搶購(gòu)效果

更新時(shí)間：2010年07月19日 00:02:52 作者：

顯示類(lèi)似還剩 14小時(shí)52分15秒這樣的效果，顯示活動(dòng)剩余多長(zhǎng)時(shí)間就結(jié)束。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>搶購(gòu)時(shí)間倒計(jì)時(shí)效果</title> <script language="javascript"> function $(element){ return document.getElementById(element); } //限時(shí)搶購(gòu) var the_s=new Array(); function view_time(the_s_index,objid){ if(the_s[the_s_index]>=0){ var the_D=Math.floor((the_s[the_s_index]/3600)/24) var the_H=Math.floor((the_s[the_s_index]-the_D*24*3600)/3600); var the_M=Math.floor((the_s[the_s_index]-the_D*24*3600-the_H*3600)/60); var the_S=(the_s[the_s_index]-the_H*3600)%60; html = "還剩 "; //if(the_D!=0) html += the_D+"天"; if(the_D!=0 || the_H!=0) html += '<span id="s2z7wxf"    class="hour">'+(the_H+(the_D*24))+"</span>小時(shí)"; if(the_D!=0 || the_H!=0 || the_M!=0) html += '<span id="lh2y2gi"    class="minute">'+the_M+"</span>分"; html += '<span id="heg3ipc"    class="second">'+the_S+"</span>秒"; $(objid).innerHTML = html; the_s[the_s_index]--; }else{ $(objid).innerHTML = "已結(jié)束"; } } </script> </head> <body> <p class="time" id="xsq_2402"> 還剩 <span id="ubdkr27"    class="hour">14</span>小時(shí)<span id="8rjqiur"    class="minute">49</span>分<span id="dub8npg"    class="second">44</span>秒 </p> <script language="javascript"> var startDate= new Date("2010/07/16 09:07:43"); var endDate= new Date("2010/07/17 00:00:00"); the_s[2402]=(endDate.getTime()-startDate.getTime())/1000; setInterval("view_time(2402,'xsq_2402')",1000); </script> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章: