JavaScript date(日期)判斷某段時間顯示某塊内容

用Javascript Date 控制某段時間内顯示某段内容 在淘寶上面也是一種非常常見的效果 好像在前幾天 也就是光棍節那天 淘寶做活動 頁面最頂部有個導航 說什麼活動倒計時兩個小時 然後當時間到達某段時間時  說活動倒計時一個小時等等這種效果是用javascript控制 而并不是人坐在那邊等 到了某段時間内 把上面的導航圖檔換掉！！今天我就把我去年寫的一個簡單這種效果javascript date這個js來給分享下 其實這個js也是我去年在另外一家公司寫的一個簡單的js元件  那是我還是剛剛做前端 也不是非常熟悉！！現在看看下面的HTML代碼

<div id="aa">New Web Project Page</div> 

假如頁面就隻是一段文字 然後給了一個ID  我現在要用js做的事情就是 擷取目前的時間 然後通過傳參的方式 給個開始時間 和 結束時間 然後用IF判斷 當目前的時間>=開始時間 && 目前時間<=結束時間 時 我要讓他們顯示那一段文字出來 否則的話  我讓他顯示其他的内容！！下面來看看JS

/**  

 * @author tugenhua  

 * @ date 2011 11 15  

 * @email [email protected]  

 * 用Id來擷取  

 */ 

function setTimeID(startTime,endTime,oldId){  

    var myDate=new Date();  

    var dateTime=myDate.getTime();  

    var startT=new Date(startTime).getTime();  

    var endT=new Date(endTime).getTime();  

    var oldC=oldId;  

        if(dateTime>=startT&&dateTime<=endT){  

            document.getElementById(oldC).style.display='block';  

        }else{  

            document.getElementById(oldC).style.display='none';   

        }  

} 

頁面調用的方式：

<script type="text/javascript">  

            setTimeID("11/10/2011","11/20/2011","aa");  

        </script> 

就可以了！為了更清晰 我在火狐下看js 截個圖給看看

<a href="http://blog.51cto.com/attachment/201111/231109604.jpg" target="_blank"></a>

上面的資料是我運作那個js 而在firebug下看到的資料 當dateTime&gt;=startTime &amp;&amp; dateTime&lt;=endTime時候 顯示那個文字 否則的話顯示其他的内容！！當然如果有其他情況下在某段時間内顯示其他的内容的話 那麼在js頁面裡再加 setTimeID("11/10/2011","11/20/2011","XX");就可以了

<a href="http://down.51cto.com/data/2359276" target="_blank">附件：http://down.51cto.com/data/2359276</a>

本文轉自 塗根華 51CTO部落格，原文連結：http://blog.51cto.com/tugenhua/715376，如需轉載請自行聯系原作者