·
网页特效集锦
·
网页工具库
背景按钮
导航特效
图片特效
文本特效
时间特效
状态特效
另类特效
网页制作
网站首页
< 后退
|
收藏网页特效集锦
推荐网页特效
购物网站的导航效果,推荐!
向上下左右滚动图片的特效
超级变态广告代码
设为首页
加入收藏夹
防止选择和复制
新浪博客的提示窗口,推荐!
推荐网页工具
在线html编辑器
在线CSS编辑器
滚动条颜色生成器
弹出窗口生成器
网页加密解密工具
汉字转换成拼音工具
文本繁简体转换工具
您的位置:
网页特效集锦
>>
时间日期特效
>> 实用!网页中的倒计时
查看此特效演示
实用!网页中的倒计时
把如下代码复制到<head>与</head>之间
<script language="JavaScript"> var DifferenceHour = -1 var DifferenceMinute = -1 var DifferenceSecond = -1 var Tday = new Date("Janu 1, 2006 23:59:59") var daysms = 24 * 60 * 60 * 1000 var hoursms = 60 * 60 * 1000 var Secondms = 60 * 1000 var microsecond = 1000 function clock() { var time = new Date() var hour = time.getHours() var minute = time.getMinutes() var second = time.getSeconds() var timevalue = ""+((hour > 12) ? hour-12:hour) timevalue +=((minute < 10) ? ":0":":")+minute timevalue +=((second < 10) ? ":0":":")+second timevalue +=((hour >12 ) ? " PM":" AM") // document.formnow.now.value = timevalue var convertHour = DifferenceHour var convertMinute = DifferenceMinute var convertSecond = DifferenceSecond var Diffms = Tday.getTime() - time.getTime() DifferenceHour = Math.floor(Diffms / daysms) Diffms -= DifferenceHour * daysms DifferenceMinute = Math.floor(Diffms / hoursms) Diffms -= DifferenceMinute * hoursms DifferenceSecond = Math.floor(Diffms / Secondms) Diffms -= DifferenceSecond * Secondms var dSecs = Math.floor(Diffms / microsecond) if(convertHour != DifferenceHour) document.formnow.dd.value=DifferenceHour if(convertMinute != DifferenceMinute) document.formnow.hh.value=DifferenceMinute if(convertSecond != DifferenceSecond) document.formnow.mm.value=DifferenceSecond document.formnow.ss.value=dSecs // document.formnow.Tnow.value= DifferenceHour DifferenceMinute + DifferenceSecond + dSecs setTimeout("clock()",1000) } // end hiding --> </script>
把如下代码复制到<body>与</body>之间
<form name="formnow"> <p>还剩 <input type="text" name="dd" size=2> 天 <input type="text" name="hh" size=2> 小时 <input type="text" name="mm" size=2> 分 <input type="text" name="ss" size=2> 秒就到2006年1月1日啦!</p> <p> </p> <h3><font color="#0000FF">说明</font>:</h3> <p>1、在<body>里加入onload事件 <body onload="clock();return true"> </p> <p>2、var Tday = new Date("Janu 1, 2006 23:59:59") 此行是要到达的日期</p> <p>各月份中英文对照</p> <p>一月 January</p> <p>二月 February</p> <p>三月 March</p> <p>四月 April</p> <p>五月 May</p> <p>六月 Jun</p> <p>七月 July</p> <p>八月 August</p> <p>九月 September</p> <p>十月 October</p> <p>十一月 November</p> <p>十二月 December</p> <p></p>
修改<body>标签为
使用说明:这个不用介绍,代码中有详细的注释,可自行更改。
上一个特效:
固定在页面右下角的时钟
返回列表
下一个特效:
带开关的Form时钟
关于我们
|
联系本站
|
免责声明
|
版权声明
|
网站地图
|
友情链接
|
域名注册
|
网站空间
Copyright © 2003~2008
www.xinnew.com
.All Rights Reserved.