js倒計(jì)時(shí)搶購(gòu)實(shí)例
本文實(shí)例為大家分享了JavaScript實(shí)現(xiàn)限時(shí)搶購(gòu),供大家參考,具體代碼如下
運(yùn)行效果圖:
具體代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>限時(shí)搶購(gòu)倒計(jì)時(shí)</title> <style type="text/css"> body{ text-align: center; } #first{ color:#ff7300; font-size:30px; margin-left:10px; } </style> <script type="text/javascript"> window.onload=function(){ setInterval(changTime, 500); function changTime(){ document.getElementById("time").innerHTML=getTime(); changeStyle(); } function gR() { return Math.floor(Math.random()*16); } function changeStyle(){ var ele=document.getElementById("time"); var size=Math.random()*40; ele.style.fontSize=((size+10)+"px"); var mc=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"); ele.style.color="#"+mc[gR()]+mc[gR()]+mc[gR()]+mc[gR()]+mc[gR()]+mc[gR()]; } function getTime(){ var now=new Date().getTime(); var end=new Date("2015/12/20").getTime(); var temp=end-now; if(temp<=0) { document.getElementById("first").innerHTML="搶購(gòu)活動(dòng)已結(jié)束!!?。?!"; return ""; }else { var temp2=new Date(); temp2.setTime(temp); var sec=Math.floor((temp)/1000%60); var min=Math.floor(temp/(60*1000)%60); var hou=Math.floor(temp/(60*60*1000)%24); var day=Math.floor(temp/(24*60*60*1000)); return day+"天 "+hou+"小時(shí) "+min+"分鐘 "+sec+"秒"; } } }; </script> </head> <body> <br/><br/><br/><br/><br/> <span id="first">距離限時(shí)搶購(gòu)還有 </span> <span id="time"></span> </body> </html>
更多關(guān)于倒計(jì)時(shí)的文章請(qǐng)查看專題:《倒計(jì)時(shí)功能》
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- JS腳本實(shí)現(xiàn)網(wǎng)頁(yè)自動(dòng)秒殺點(diǎn)擊
- Docker + Nodejs + Kafka + Redis + MySQL搭建簡(jiǎn)單秒殺環(huán)境
- PHP+JS實(shí)現(xiàn)的商品秒殺倒計(jì)時(shí)用法示例
- Javascript實(shí)現(xiàn)商品秒殺倒計(jì)時(shí)(時(shí)間與服務(wù)器時(shí)間同步)
- JS實(shí)現(xiàn)網(wǎng)頁(yè)搶購(gòu)功能(觸發(fā),終止腳本)
- 紅米手機(jī)搶購(gòu)的js代碼
- 團(tuán)購(gòu)、定時(shí)搶購(gòu)倒計(jì)時(shí)js版
- 如何利用 JS 腳本實(shí)現(xiàn)網(wǎng)頁(yè)全自動(dòng)秒殺搶購(gòu)功能
相關(guān)文章
JS實(shí)現(xiàn)簡(jiǎn)單易用的手機(jī)端浮動(dòng)窗口顯示效果
這篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)單易用的手機(jī)端浮動(dòng)窗口顯示效果,涉及javascript針對(duì)頁(yè)面元素的動(dòng)態(tài)操作相關(guān)技巧,適用于做廣告展示,需要的朋友可以參考下2016-09-09echarts餅圖標(biāo)簽formatter使用及餅圖自定義標(biāo)簽
項(xiàng)目中有遇到需要使用餅圖展示每種狀態(tài)所占比例,去echarts官網(wǎng)學(xué)習(xí)了一番,下面這篇文章主要給大家介紹了關(guān)于echarts餅圖標(biāo)簽formatter使用及餅圖自定義標(biāo)簽的相關(guān)資料,需要的朋友可以參考下2022-12-12JS?TypeScript的Map對(duì)象及聯(lián)合類(lèi)型實(shí)戰(zhàn)
這篇文章主要介紹了JS?TypeScript的Map對(duì)象及聯(lián)合類(lèi)型實(shí)戰(zhàn),文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-08-08javascript實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊頁(yè)面 移動(dòng)DIV
本篇文章主要介紹javascript實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊頁(yè)面,移動(dòng)DIV。話不多說(shuō),附上代碼實(shí)例。需要的朋友來(lái)看下吧2016-12-12用Javascript 和 CSS 實(shí)現(xiàn)腳注(Footnote)效果
腳注(Footnote)是向用戶提供更多信息的一個(gè)最佳途徑,也是主體信息的一個(gè)有效補(bǔ)充,常見(jiàn)于各種印刷書(shū)籍中。2009-09-09javascript面向?qū)ο蟪绦蛟O(shè)計(jì)高級(jí)特性經(jīng)典教程(值得收藏)
這篇文章主要介紹了javascript面向?qū)ο蟪绦蛟O(shè)計(jì)高級(jí)特性,結(jié)合實(shí)例形式詳細(xì)講述了javascript對(duì)象的創(chuàng)建,訪問(wèn),刪除,對(duì)象類(lèi)型,擴(kuò)展等,需要的朋友可以參考下2016-05-05