JavaScript实现限时抢购实例

"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >

"Content-Type" content= "text/html; charset=UTF-8" >

限时抢购倒计时
<code class="javascript string">"text/css"</code> <code class="javascript plain">></code> </div> <div class="line number7 index6 alt2"> <code class="javascript spaces">    </code> <code class="javascript plain">body{</code> </div> <div class="line number8 index7 alt1"> <code class="javascript spaces">    </code> <code class="javascript plain">text-align: center;</code> </div> <div class="line number9 index8 alt2"> <code class="javascript spaces">    </code> <code class="javascript plain">}</code> </div> <div class="line number10 index9 alt1"> <code class="javascript spaces">    </code> <code class="javascript preprocessor">#first{</code> </div> <div class="line number11 index10 alt2"> <code class="javascript spaces">    </code> <code class="javascript plain">color:</code> <code class="javascript preprocessor">#ff7300;</code> </div> <div class="line number12 index11 alt1"> <code class="javascript spaces">    </code> <code class="javascript plain">font-size:30px;</code> </div> <div class="line number13 index12 alt2"> <code class="javascript spaces">    </code> <code class="javascript plain">margin-left:10px;</code> </div> <div class="line number14 index13 alt1"> <code class="javascript spaces">    </code> <code class="javascript plain">}</code> </div> <div class="line number15 index14 alt2"> <code class="javascript plain">
<code class="javascript string">"text/javascript"</code> <code class="javascript plain">></code> </div> <div class="line number17 index16 alt2"> <code class="javascript plain">window.onload=</code> <code class="javascript keyword">function</code> <code class="javascript plain">(){</code> </div> <div class="line number18 index17 alt1"> <code class="javascript plain">setInterval(changTime, 500);</code> </div> <div class="line number19 index18 alt2"> <code class="javascript keyword">function</code> <code class="javascript plain">changTime(){</code> </div> <div class="line number20 index19 alt1"> <code class="javascript plain">document.getElementById(</code> <code class="javascript string">"time"</code> <code class="javascript plain">).innerHTML=getTime();</code> </div> <div class="line number21 index20 alt2"> <code class="javascript plain">changeStyle();</code> </div> <div class="line number22 index21 alt1"> <code class="javascript plain">}</code> </div> <div class="line number23 index22 alt2"> <code class="javascript keyword">function</code> <code class="javascript plain">gR()</code> </div> <div class="line number24 index23 alt1"> <code class="javascript plain">{</code> </div> <div class="line number25 index24 alt2"> <code class="javascript spaces">    </code> <code class="javascript keyword">return</code> <code class="javascript plain">Math.floor(Math.random()*16);</code> </div> <div class="line number26 index25 alt1"> <code class="javascript plain">}</code> </div> <div class="line number27 index26 alt2"> <code class="javascript keyword">function</code> <code class="javascript plain">changeStyle(){</code> </div> <div class="line number28 index27 alt1"> <code class="javascript keyword">var</code> <code class="javascript plain">ele=document.getElementById(</code> <code class="javascript string">"time"</code> <code class="javascript plain">);</code> </div> <div class="line number29 index28 alt2"> <code class="javascript keyword">var</code> <code class="javascript plain">size=Math.random()*40;</code> </div> <div class="line number30 index29 alt1"> <code class="javascript plain">ele.style.fontSize=((size+10)+</code> <code class="javascript string">"px"</code> <code class="javascript plain">);</code> </div> <div class="line number31 index30 alt2"> <code class="javascript keyword">var</code> <code class="javascript plain">mc=</code> <code class="javascript keyword">new</code> <code class="javascript plain">Array(</code> <code class="javascript string">"0"</code> <code class="javascript plain">,</code> <code class="javascript string">"1"</code> <code class="javascript plain">,</code> <code class="javascript string">"2"</code> <code class="javascript plain">,</code> <code class="javascript string">"3"</code> <code class="javascript plain">,</code> <code class="javascript string">"4"</code> <code class="javascript plain">,</code> <code class="javascript string">"5"</code> <code class="javascript plain">,</code> <code class="javascript string">"6"</code> <code class="javascript plain">,</code> <code class="javascript string">"7"</code> <code class="javascript plain">,</code> <code class="javascript string">"8"</code> <code class="javascript plain">,</code> <code class="javascript string">"9"</code> <code class="javascript plain">,</code> <code class="javascript string">"A"</code> <code class="javascript plain">,</code> <code class="javascript string">"B"</code> <code class="javascript plain">,</code> <code class="javascript string">"C"</code> <code class="javascript plain">,</code> <code class="javascript string">"D"</code> <code class="javascript plain">,</code> <code class="javascript string">"E"</code> <code class="javascript plain">,</code> <code class="javascript string">"F"</code> <code class="javascript plain">);</code> </div> <div class="line number32 index31 alt1"> <code class="javascript plain">ele.style.color=</code> <code class="javascript string">"#"</code> <code class="javascript plain">+mc[gR()]+mc[gR()]+mc[gR()]+mc[gR()]+mc[gR()]+mc[gR()];</code> </div> <div class="line number33 index32 alt2">   </div> <div class="line number34 index33 alt1"> <code class="javascript plain">}</code> </div> <div class="line number35 index34 alt2"> <code class="javascript keyword">function</code> <code class="javascript plain">getTime(){</code> </div> <div class="line number36 index35 alt1"> <code class="javascript spaces">    </code> <code class="javascript keyword">var</code> <code class="javascript plain">now=</code> <code class="javascript keyword">new</code> <code class="javascript plain">Date().getTime();</code> </div> <div class="line number37 index36 alt2"> <code class="javascript spaces">    </code> <code class="javascript keyword">var</code> <code class="javascript plain">end=</code> <code class="javascript keyword">new</code> <code class="javascript plain">Date(</code> <code class="javascript string">"2015/2/13"</code> <code class="javascript plain">).getTime();</code> </div> <div class="line number38 index37 alt1"> <code class="javascript spaces">    </code> <code class="javascript keyword">var</code> <code class="javascript plain">temp=end-now;</code> </div> <div class="line number39 index38 alt2"> <code class="javascript spaces">    </code> <code class="javascript keyword">if</code> <code class="javascript plain">(temp<=0)</code> </div> <div class="line number40 index39 alt1"> <code class="javascript spaces">    </code> <code class="javascript plain">{</code> </div> <div class="line number41 index40 alt2"> <code class="javascript spaces">        </code> <code class="javascript plain">document.getElementById(</code> <code class="javascript string">"first"</code> <code class="javascript plain">).innerHTML=</code> <code class="javascript string">"国庆已结束！！！！！"</code> <code class="javascript plain">;</code> </div> <div class="line number42 index41 alt1"> <code class="javascript spaces">        </code> <code class="javascript keyword">return</code> <code class="javascript string">""</code> <code class="javascript plain">;</code> </div> <div class="line number43 index42 alt2"> <code class="javascript spaces">    </code> <code class="javascript plain">}</code> <code class="javascript keyword">else</code> </div> <div class="line number44 index43 alt1"> <code class="javascript spaces">    </code> <code class="javascript plain">{</code> </div> <div class="line number45 index44 alt2"> <code class="javascript spaces">    </code> <code class="javascript keyword">var</code> <code class="javascript plain">temp2=</code> <code class="javascript keyword">new</code> <code class="javascript plain">Date();</code> </div> <div class="line number46 index45 alt1"> <code class="javascript spaces">    </code> <code class="javascript plain">temp2.setTime(temp);</code> </div> <div class="line number47 index46 alt2"> <code class="javascript spaces">    </code> <code class="javascript keyword">var</code> <code class="javascript plain">sec=Math.floor((temp)/1000%60);</code> </div> <div class="line number48 index47 alt1"> <code class="javascript spaces">    </code> <code class="javascript keyword">var</code> <code class="javascript plain">min=Math.floor(temp/(60*1000)%60);</code> </div> <div class="line number49 index48 alt2"> <code class="javascript spaces">    </code> <code class="javascript keyword">var</code> <code class="javascript plain">hou=Math.floor(temp/(60*60*1000)%24);</code> </div> <div class="line number50 index49 alt1"> <code class="javascript spaces">    </code> <code class="javascript keyword">var</code> <code class="javascript plain">day=Math.floor(temp/(24*60*60*1000));</code> </div> <div class="line number51 index50 alt2">   </div> <div class="line number52 index51 alt1"> <code class="javascript spaces">    </code> <code class="javascript keyword">return</code> <code class="javascript plain">day+</code> <code class="javascript string">"天  "</code> <code class="javascript plain">+hou+</code> <code class="javascript string">"小时  "</code> <code class="javascript plain">+min+</code> <code class="javascript string">"分钟  "</code> <code class="javascript plain">+sec+</code> <code class="javascript string">"秒"</code> <code class="javascript plain">;</code> </div> <div class="line number53 index52 alt2"> <code class="javascript spaces">    </code> <code class="javascript plain">}</code> </div> <div class="line number54 index53 alt1"> <code class="javascript plain">}</code> </div> <div class="line number55 index54 alt2"> <code class="javascript plain">};</code> </div> <div class="line number56 index55 alt1"> <code class="javascript plain">



    "first" >距离限时抢购还有

    "time" >