Oct142012

JS倒计时效果代码分享

作者：sdujane   发布：2012-10-14 11:19   分类：资源分享   阅读：4,476 浏览数   抢沙发  

JS倒计时效果代码分享
代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></div>
<div><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"></div>
<div><head></div>
<div><title>新建网页</title></div>
<div><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></div>
<div><meta name="description" content="" /></div>
<div><meta name="keywords" content="" /></div>
<div><script type="text/javascript"></div>
<div></div>
<div></script></div>
<div></div>
<div><style type="text/css"></div>
<div></style></div>
<div></head></div>
<div>    <body></div>
<div>    <script type="text/javascript"></div>
<div>function DigitalTime1()</div>
<div>{</div>
<div>var symbol="08/13/2013"; //开幕倒计时</div>
<div>var deadline= new Date(symbol);</div>
<div>var now = new Date();</div>
<div>var diff = -480 - now.getTimezoneOffset() //是北京时间和当地时间的时间差</div>
<div>var leave = (deadline.getTime() - now.getTime()) + diff*60000; //毫秒级别</div>
<div>var day = Math.floor(leave / (1000 * 60 * 60 * 24));</div>
<div>var hour = Math.floor(leave / (1000*3600)) - (day * 24);</div>
<div>var minute = Math.floor(leave / (1000*60)) - (day * 24 *60) - (hour * 60);</div>
<div>var second = Math.floor(leave / (1000)) - (day * 24 *60*60) - (hour * 60 * 60) - (minute*60);</div>
<div></div>
<div>LiveClock1.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒";</div>
<div></div>
<div>setTimeout("DigitalTime1()",1000);</div>
<div>}</div>
<div>// --></div>
<div></script></div>
<div><!--倒计时Javascript end--></div>
<div><body onload=DigitalTime1()></div>
<div><div id= LiveClock1></div></div>
<div></script></div>
<div>    </body></div>
<div></html>

本文固定链接: http://www.lajiz.cn/112.html | 垃圾站

该文章由 sdujane 于2012年10月14日发表在 资源分享 分类下， 访客可以发表评论，并在保留原文地址及作者的情况下引用到你的网站或博客！
原创文章，转载请注明: JS倒计时效果代码分享 | 垃圾站
关键字:
【上一篇】
【下一篇】

您可能还会对这些文章感兴趣！

    1. WordPress防Spam小技巧:自动将长URL网址留言
    2. 利用360星图WEB日志分析工具分析网站日志文件
    3. 时隔1年博主的Discuz论坛再次搬家 小述网站搬家心(8)
    4. 七个网页设计方法帮你改善用户体验
    5. 站长如何应对2013年2月谷歌PR值新年首次更新(63)
    6. 博客怎么做才会有流量 简述网站利用热门信息引流的(32)
    7. 网站导出链接太多会不会被百度、谷歌等搜索引擎K(14)
    8. 如何让WordPress博客友情链接只在显示在网站首页(10)
    9. 我们为什么笑韩国人
    10. Discuz! X3.1 伪静态设置突然失效的解决办法(9)
    11. 站长之家因备份文件存放不当遭黑客窃取(18)
    12. 如何删除WordPress留言表单中的超链接(31)
    13. 利用代码使WordPress博客自动禁止包含特定关键词
    14. 利用插件“Block RSS Reading”防止采集Wor(4)
    15. 如何给自己的Wordpress博客制做手机客户端(6)
    16. WordPress博客及Discuz论坛用AMH发邮件方法(2)

JS倒计时效果代码分享：等您坐沙发呢！

发表评论

快捷键：Ctrl+Enter