倒计时的代码 - Web开发 - Chinaunix - Powered by Discuz! Archiver

论坛 › Web开发 › 倒计时的代码

qqmmcc123 发表于 2011-12-20 09:48

倒计时的代码

<table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#999999" width="95%" bgcolor="#F1F1F1"><tbody><tr><td><p style="line-height: 150%; margin: 5px"><code><span style="color:#000000;"><span style="color:#0000CC;"><</span><span style="color:#FF0000;">script</span> <span style="color:#FF0000;">type</span><span style="color:#0000CC;">=</span><span style="color:#FF00FF;">"text/javascript"</span><span style="color:#0000CC;">></span><br>
<span style="color:#0000CC;"><</span><span style="color:#0000CC;">!</span><span style="color:#0000CC;">-</span><span style="color:#0000CC;">-</span><br>
<span style="color:#0000FF;">var</span> curtime <span style="color:#0000CC;">=</span> <span style="color:#FF0000;">Math</span><span style="color:#0000CC;">.</span><span style="color:#FF0000;">round</span><span style="color:#0000CC;">(</span><span style="color:#0000FF;">new</span> <span style="color:#FF0000;">Date</span><span style="color:#0000CC;">(</span><span style="color:#0000CC;">)</span><span style="color:#0000CC;">.</span><span style="color:#FF0000;">getTime</span><span style="color:#0000CC;">(</span><span style="color:#0000CC;">)</span><span style="color:#0000CC;">/</span>1000<span style="color:#0000CC;">)</span><span style="color:#0000CC;">;</span><br>
<span style="color:#0000FF;">var</span> tartime <span style="color:#0000CC;">=</span> <span style="color:#FF0000;">Math</span><span style="color:#0000CC;">.</span><span style="color:#FF0000;">round</span><span style="color:#0000CC;">(</span><span style="color:#FF0000;">Date</span><span style="color:#0000CC;">.</span><span style="color:#FF0000;">parse</span><span style="color:#0000CC;">(</span><span style="color:#0000FF;">new</span> <span style="color:#FF0000;">Date</span><span style="color:#0000CC;">(</span>2011<span style="color:#0000CC;">,</span>10<span style="color:#0000CC;">,</span>10<span style="color:#0000CC;">)</span><span style="color:#0000CC;">)</span><span style="color:#0000CC;">/</span>1000<span style="color:#0000CC;">)</span><span style="color:#0000CC;">;</span><br>
<br>
<span style="color:#FF0000;">setInterval</span><span style="color:#0000CC;">(</span><br>
    <span style="color:#0000FF;">function</span><span style="color:#0000CC;">(</span><span style="color:#0000CC;">)</span><span style="color:#0000CC;">{</span><br>
        <span style="color:#0000FF;">var</span> sec <span style="color:#0000CC;">=</span> tartime<span style="color:#0000CC;">-</span>curtime<span style="color:#0000CC;">;</span><br>
        <span style="color:#0000FF;">var</span> day <span style="color:#0000CC;">=</span> <span style="color:#FF0000;">parseInt</span><span style="color:#0000CC;">(</span>sec<span style="color:#0000CC;">/</span><span style="color:#0000CC;">(</span>3600<span style="color:#0000CC;">*</span>24<span style="color:#0000CC;">)</span><span style="color:#0000CC;">)</span><span style="color:#0000CC;">;</span><br>
        <span style="color:#0000FF;">var</span> hours <span style="color:#0000CC;">=</span> <span style="color:#FF0000;">parseInt</span><span style="color:#0000CC;">(</span>sec<span style="color:#0000CC;">%</span><span style="color:#0000CC;">(</span>3600<span style="color:#0000CC;">*</span>24<span style="color:#0000CC;">)</span><span style="color:#0000CC;">/</span>3600<span style="color:#0000CC;">)</span><span style="color:#0000CC;">;</span><br>
        <span style="color:#0000FF;">var</span> minute <span style="color:#0000CC;">=</span> <span style="color:#FF0000;">parseInt</span><span style="color:#0000CC;">(</span>sec<span style="color:#0000CC;">%</span><span style="color:#0000CC;">(</span>3600<span style="color:#0000CC;">*</span>24<span style="color:#0000CC;">)</span><span style="color:#0000CC;">%</span>3600<span style="color:#0000CC;">/</span>60<span style="color:#0000CC;">)</span><span style="color:#0000CC;">;</span><br>
        <span style="color:#0000FF;">var</span> second <span style="color:#0000CC;">=</span> <span style="color:#FF0000;">parseInt</span><span style="color:#0000CC;">(</span>sec<span style="color:#0000CC;">%</span><span style="color:#0000CC;">(</span>3600<span style="color:#0000CC;">*</span>24<span style="color:#0000CC;">)</span><span style="color:#0000CC;">%</span>3600<span style="color:#0000CC;">%</span>60<span style="color:#0000CC;">)</span><span style="color:#0000CC;">;</span><br>
        <span style="color:#FF0000;">document</span><span style="color:#0000CC;">.</span><span style="color:#FF0000;">getElementById</span><span style="color:#0000CC;">(</span><span style="color:#FF00FF;">"showtime"</span><span style="color:#0000CC;">)</span><span style="color:#0000CC;">.</span><span style="color:#FF0000;">innerHTML</span> <span style="color:#0000CC;">=</span> <span style="color:#FF00FF;">"離2011年10月10日還有："</span> <span style="color:#0000CC;">+</span> day <span style="color:#0000CC;">+</span> <span style="color:#FF00FF;">"天"</span> <span style="color:#0000CC;">+</span> hours <span style="color:#0000CC;">+</span> <span style="color:#FF00FF;">"時"</span> <span style="color:#0000CC;">+</span> minute <span style="color:#0000CC;">+</span> <span style="color:#FF00FF;">"分"</span> <span style="color:#0000CC;">+</span> second <span style="color:#0000CC;">+</span> <span style="color:#FF00FF;">"秒"</span><span style="color:#0000CC;">;</span><br>
        curtime<span style="color:#0000CC;">+</span><span style="color:#0000CC;">+</span><span style="color:#0000CC;">;</span><br>
    <span style="color:#0000CC;">}</span><br>
    <span style="color:#0000CC;">,</span>1000<span style="color:#0000CC;">)</span><span style="color:#0000CC;">;</span><br>
<span style="color:#0000CC;">-</span><span style="color:#0000CC;">-</span><span style="color:#0000CC;">></span><br>
<span style="color:#0000CC;"><</span><span style="color:#0000CC;">/</span><span style="color:#FF0000;">script</span><span style="color:#0000CC;">></span><br>
<span style="color:#0000CC;"><</span>div <span style="color:#FF0000;">id</span><span style="color:#0000CC;">=</span><span style="color:#FF00FF;">"curtime"</span><span style="color:#0000CC;">></span><span style="color:#0000CC;"><</span><span style="color:#0000CC;">/</span>div<span style="color:#0000CC;">></span><br>
<span style="color:#0000CC;"><</span>div <span style="color:#FF0000;">id</span><span style="color:#0000CC;">=</span><span style="color:#FF00FF;">"showtime"</span><span style="color:#0000CC;">></span><span style="color:#0000CC;"><</span><span style="color:#0000CC;">/</span>div<span style="color:#0000CC;">></span></span></code></p></td></tr></tbody></table><br>

页: [1]

查看完整版本: 倒计时的代码