JS實現(xiàn)定時消失的圖片

2012/11/8 10:14:16作者：佚名來源：網(wǎng)絡

移動端

【實例名稱】

JS實現(xiàn)定時消失的圖片

【實例描述】

為了不用經(jīng)常更新網(wǎng)站，可以為一些圖片和文本設置有效期，有效期過后這些圖片或文本自動消失。本例通過JavaScript提供的“Dale”對象，實現(xiàn)圖片的定時消失。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（wangbatian.cn）</title>
<script LANGUAGE="JavaScript">
function view(cDays, cDate)
{
    var oldDate = new Date(cDate);       
 //將指定的日期轉(zhuǎn)換為標準日期型
    var newDate = new Date();               
//獲取今天的日期
    var maxtime = cDays*24*60*60*1000; 
//將指定日期換算為毫秒
    var psj=0;
    if ((newDate.getTime()-oldDate.getTime()) <= maxtime) 
//判斷日期是否還在指定時間內(nèi)
    {
       //動態(tài)顯示指定的圖片
        document.write("<img src='http://www.google.cn
/intl/zh-CN/images/logo_cn.gif' width=400 height=100 
ALIGN=MIDDLE Alt='myimg'>");
    }
}
view(7,"05/31/2008")                 
//調(diào)用圖片定時消失的方法
</script>
</head>
<body>
</body>
</html>
 

 
【運行效果】

定時消失的圖片運行效果

【難點剖析】

本例的重點是．JavaScript的Date對象?！皀ew Date”用來創(chuàng)建一個新的日期對象，也就是當前日期。而“newDate(指定日期)”則是將指定的日期轉(zhuǎn)換為日期對象?！癵etTime”方法返回一個整數(shù)值，此值是一個單位是毫秒的時間間隔。這段時間間隔是從1970年1月1日到指定的日期的時間。

【源碼下載】

為了JS代碼的準確性，請點擊：JS實現(xiàn)定時消失的圖片進行本實例源碼下載

標簽： JS實現(xiàn) 圖片