JS实现定时消失的图片

2012/11/8 10:14:16作者：佚名来源：网络

移动端

【实例名称】

JS实现定时消失的图片

【实例描述】

为了不用经常更新网站，可以为一些图片和文本设置有效期，有效期过后这些图片或文本自动消失。本例通过JavaScript提供的“Dale”对象，实现图片的定时消失。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧（www.xue51.com）</title>
<script LANGUAGE="JavaScript">
function view(cDays, cDate)
{
    var oldDate = new Date(cDate);       
 //将指定的日期转换为标准日期型
    var newDate = new Date();               
//获取今天的日期
    var maxtime = cDays*24*60*60*1000; 
//将指定日期换算为毫秒
    var psj=0;
    if ((newDate.getTime()-oldDate.getTime()) <= maxtime) 
//判断日期是否还在指定时间内
    {
       //动态显示指定的图片
        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")                 
//调用图片定时消失的方法
</script>
</head>
<body>
</body>
</html>
 

 
【运行效果】

定时消失的图片运行效果

【难点剖析】

本例的重点是．JavaScript的Date对象。“new Date”用来创建一个新的日期对象，也就是当前日期。而“newDate(指定日期)”则是将指定的日期转换为日期对象。“getTime”方法返回一个整数值，此值是一个单位是毫秒的时间间隔。这段时间间隔是从1970年1月1日到指定的日期的时间。

【源码下载】

为了JS代码的准确性，请点击：JS实现定时消失的图片进行本实例源码下载

标签： JS实现图片