1、在桌机上新建文本文档,命名为晓博JavaScript特效测试.txt,在文本文档里中入HTML文档的基本元素如下,并保存。<html><head><title>晓博JavaScript特效测试</title></head><body><div id="zy"> <div id="login"></div> <div id="daohang"> <ul> <li><a href="index.html">首页</a></li> <li><a href="jianjie.html">七夕简介</a></li> <li><a href="#">七夕节传说</a></li> <li><a href="#">七夕节习俗</a></li> <li><a href="#">诗词& 歌谣</a></li> <li><a href="#">七夕节寄语</a></li> </ul> </div></div></body></html>
2、第一步:把如下代码加入<body>区域中,并重名文档为HTML文件<SCRIPT language=javascript><!--BirthDay=new Date("may 01,2014");//改成你的计时日期today=new Date();timeold=(-today.getTime()+BirthDay.getTime());sectimeold=timeold/1000;secondsold=Math.floor(sectimeold);msPerDay=24*60*60*1000;e_daysold=timeold/msPerDaydaysold=Math.floor(e_daysold);e_hrsold=(e_daysold-daysold)*24;hrsold=Math.floor(e_hrsold);e_minsold=(e_hrsold-hrsold)*60;minsold=Math.floor((e_hrsold-hrsold)*60);seconds=Math.floor((e_minsold-minsold)*60);//--></SCRIPT><SCRIPT language=javascript><!--document.write("距离2014年五一还有"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒了!");//--></SCRIPT>
3、用IE浏览器打开晓博JavaScript特效测试.html文件,可以看到距离某天时间特效,如下图当改变BirthDay=new Date("may 01,2014");//改成你的计时日期 为BirthDay=new Date("June 01,2014"); 并且改document.write("距离2014年六一还有"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒了!"); 可以查看效果距离2014年六一还有31天23小时8分2秒了!