Javascript脚本特效示例:[24]距离某日时间

2025-11-02 15:22:41

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]距离某日时间

Javascript脚本特效示例:[24]距离某日时间

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]距离某日时间

Javascript脚本特效示例:[24]距离某日时间

Javascript脚本特效示例:[24]距离某日时间

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢