Oct142012

JS倒计时效果代码分享

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

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. 怎么在百度搜索结果中出现网站LOGO(6)
    2. 如何让WordPress博客友情链接只在显示在网站首页(10)
    3. 如何实现WordPress博客文章部分内容回复后可见(66)
    4. 快来抢注百度相册域名
    5. AMH4.2更换VPS云主机搬家教程 Discuz！程序
    6. 如何开启Discuz! X2、Discuz! X2.5的debug调试(2)
    7. 浅析网站搜索引擎排名对网站流量影响的真实效果(6)
    8. WP安全：WordPress管理员如何随时知道是否有人(16)
    9. 如何给WordPress博客添加favicon.ico图标(14)
    10. 简述如何使WordPress博客支持SVG格式文件（可(16)
    11. Dedecms5.7修改文章，不改变发布时间的方法
    12. Wordpress博客通过限制评论字数防止垃圾评论骚扰
    13. 讲述如何修改WordPress博客数据库表默认的wp_前(36)
    14. 如何卸载Windows 7系统中的IE10并还原到IE9浏(5)
    15. 如何防止Wordpress博客内容被恶意复制的教程[代码(15)
    16. Discuz论坛如何实现不同页面显示不同的Logo

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

发表评论

快捷键：Ctrl+Enter