Javascript脚本特效示例:[24]距离某日时间
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>
![Javascript脚本特效示例:[24]距离某日时间](https://exp-picture.cdn.bcebos.com/57af657f860e7c7554ceda41650d3aceabd7bf92.jpg)
![Javascript脚本特效示例:[24]距离某日时间](https://exp-picture.cdn.bcebos.com/ef4c24ceaad7726bbbd84353bf0f64781523b992.jpg)
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/msPerDay
daysold=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秒了!
![Javascript脚本特效示例:[24]距离某日时间](https://exp-picture.cdn.bcebos.com/354e7a781423beb9cb04077630d6e1d06ce8b392.jpg)
![Javascript脚本特效示例:[24]距离某日时间](https://exp-picture.cdn.bcebos.com/2083a5d6e1d06de8585ba091ca93cee8b104ac92.jpg)
![Javascript脚本特效示例:[24]距离某日时间](https://exp-picture.cdn.bcebos.com/87645f93cee8b0049321f7bb79260d9a300ea992.jpg)