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>

转载于:https://blog.51cto.com/11537662/1922199

js实现-限时抢购倒计时间表相关推荐

html抢购倒计时,基于JS实现限时抢购倒计时间表代码
废话不多说了,直接给大家贴代码了,具体代码如下所示: 限时抢购倒计时间表 *{margin:0;padding:0;} #content{width:300px;margin:0 auto;paddi ...
js实现html页面倒计30秒,javascript实现简单页面倒计时
这篇文章主要为大家详细介绍了javascript实现简单页面倒计时,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了javascript实现简单页面倒 ...
js显示当前时间（动态）以及限时抢购倒计时
本篇博文知识点: js的Date类的使用 setTimeout的使用(注意和setInterval的区别) 将"秒"格式化成常用的格式动态地显示当前时间 <!DOCTYPE ...
你想见的大神都来AI ProCon 2019了，优惠票限时抢购开启！
如今 AI 的发展真实地面临着诸多瓶颈.尽管很多智能助手已经可以执行很多任务,但距离真正的人机自然交互还需要很长时间:强人工智能也迟迟未出现,不知何时才能出现:现有的 AI 只能做好一件事,Alpha ...
javascript毫秒计时器_基于javascript实现精确到毫秒的倒计时限时抢购
这篇文章为大家分享了javascript实现倒计时限时抢购,精确到毫秒的倒计时,供大家参考,具体内容如下一.效果图下面的图片就是聚划算上面的限时抢的效果二.实现限时抢的效果需要用到的知识 :Ja ...
ecshop 中添加限时抢购功能（倒计时）
第1步:在后台admin / templates / goods_info.htm中找到大概164行至173行修改以下代码 <tr><td class="label&quo ...
AI+大数据顶级技术盛会开幕在即，6.6折特惠票限时抢购
2019年12月5-7日,由中国计算机学会主办,CCF 大数据专家委员会承办,CSDN.中科天玑数据科技股份有限公司协办的中国大数据技术大会(BDTC 2019)将于北京长城饭店隆重举行.届时,超过百 ...
Android电商抢购倒计时,Android限时抢购倒计时实现代码
限时抢购倒计时实现效果图布局: android:id="@+id/ll_xsqg" android:layout_width="match_parent" a ...
java限时抢购_限时抢购-倒计时的完整实例(分享)
如下所示: 团购--限时抢还剩 function FreshTime() { var endtime = new Date("2017/10/15,12:20:12");//结束 ...

js实现-限时抢购倒计时间表

js实现-限时抢购倒计时间表相关推荐

最新文章

热门文章