javascript團購、定時搶購倒計時代碼

來源:互聯網
上載者:User
提示:您可以先修改部分代碼再運行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>團購、定時搶購倒計時 </title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <script language="JavaScript"> var tms = []; var day = []; var hour = []; var minute = []; var second = []; function takeCount() { setTimeout("takeCount()", 1000); for (var i = 0, j = tms.length; i < j; i++) { //計數減一 tms[i] -= 1000; //計算時分秒 var days = Math.floor(tms[i] / (1000 * 60 * 60 * 24)); var hours = Math.floor(tms[i] / (1000 * 60 * 60)) % 24; var minutes = Math.floor(tms[i] / (1000 * 60)) % 60; var seconds = Math.floor(tms[i] / 1000) % 60; if (days < 0) days = 0; if (hours < 0) hours = 0; if (minutes < 0) minutes = 0; if (seconds < 0) seconds = 0; //將時分秒插入到html中 document.getElementById(day[i]).innerHTML = days; document.getElementById(hour[i]).innerHTML = hours; document.getElementById(minute[i]).innerHTML = minutes; document.getElementById(second[i]).innerHTML = seconds; } } setTimeout("takeCount()", 1000); </script> </head> <body> <div >剩餘時間: <span id="d1" >0</span> <span> 天 </span><span id="h1" >0</span> <span>小時 </span><span id="m1" >0</span> <span>分 </span><span id="s1" > 0</span> <span>秒</span></div> <script type="text/javascript"> tms[0] = "172800000"; day[0] = "d1"; hour[0] = "h1"; minute[0] = "m1"; second[0] = "s1"; </script> <div >剩餘時間: <span id="d2" >0</span> <span> 天 </span><span id="h2" >0</span> <span>小時 </span><span id="m2" >0</span> <span>分 </span><span id="s2" > 0</span> <span>秒</span></div> <script type="text/javascript"> tms[1] = "1689353433455"; day[1] = "d2"; hour[1] = "h2"; minute[1] = "m2"; second[1] = "s2"; </script> </body> </html> </td> </tr></table>
提示:您可以先修改部分代碼再運行

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.