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实现定时消失的图片 进行本实例源码下载