基于JS实现限时抢购倒计时间表代码
更新时间:2017年05月09日 09:20:05 作者:ljheee
本文给大家分享一段简单的代码基于js实现限时抢购倒计时间表功能,非常不错,代码简单易懂,需要的的朋友参考下吧
废话不多说了,直接给大家贴代码了,具体代码如下所示:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>限时抢购倒计时间表</title> <style type="text/css"> *{margin:0;padding:0;} #content{width:300px;margin:0 auto;padding:10px;background:#eee;border:1px solid #999;} #content p span{color:red;font:bold 20px Arial;} #content p a{font:12px/23px '宋体';color:#888;} .div1{ display:none;} </style> <SCRIPT LANGUAGE="JavaScript"> function fresh() { var endtime=new Date("2110/11/06,12:20:12"); var nowtime = new Date(); var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000); d=parseInt(leftsecond/3600/24); h=parseInt((leftsecond/3600)%24); m=parseInt((leftsecond/60)%60); s=parseInt(leftsecond%60); // document.getElementById("times").innerHTML=__h+"小时"+__m+"分"+__s+"秒"; document.getElementById("times").innerHTML=h+"小时"+m+"分"+s+"秒"; if(leftsecond<=0){ document.getElementById("times").innerHTML="已结束"; clearInterval(sh); } } var sh; sh=setInterval(fresh,1000); </SCRIPT> </head> <body> <div id="content"> <h1>限时抢购啦!</h1> <p>还剩<span id="times"></span></p> </div> </body> </html>
以上所述是小编给大家介绍的基于JS实现限时抢购倒计时间表代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章
javascript去除字符串中所有标点符号和提取纯文本的正则
这篇文章主要介绍了javascript去除字符串中所有标点符号和提取纯文本的正则,需要的朋友可以参考下2014-06-06javascript运动框架用法实例分析(实现放大与缩小效果)
这篇文章主要介绍了javascript运动框架用法,结合实例形式分析了javascript运动框架的实现与使用技巧,可实现div块的放大与缩小功能,需要的朋友可以参考下2016-01-01让低版本浏览器支持input的placeholder属性(js方法)
低版本浏览器一般都不会支持input的placeholder属性,接下来使用js实现下,感兴趣的朋友可以参考下哈2013-04-04使用postMesssage()实现跨域iframe页面间的信息传递方法
下面小编就为大家带来一篇使用postMesssage()实现跨域iframe页面间的信息传递方法。小编觉得挺不错的,现在分享给大家,也给大家一个参考。一起跟随小编过来看看吧2016-03-03
最新评论