软件学堂

网游分类软件分类

JS实现定时消失的图片

2012-11-08 来源:网络

【实例名称】

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实现QQ图片一闪一闪的效果

相关文章