当前位置: 首页 > 编程笔记 >

基于JS实现限时抢购倒计时间表代码

孔权
2023-03-14
本文向大家介绍基于JS实现限时抢购倒计时间表代码,包括了基于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实现限时抢购倒计时间表代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 本文向大家介绍js倒计时抢购实例,包括了js倒计时抢购实例的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JavaScript实现限时抢购,供大家参考,具体代码如下 运行效果图: 具体代码如下: 更多关于倒计时的文章请查看专题:《倒计时功能》 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍基于javascript实现精确到毫秒的倒计时限时抢购,包括了基于javascript实现精确到毫秒的倒计时限时抢购的使用技巧和注意事项,需要的朋友参考一下 这篇文章为大家分享了javascript实现倒计时限时抢购,精确到毫秒的倒计时,供大家参考,具体内容如下 一、效果图 下面的图片就是聚划算上面的限时抢的效果 二、实现限时抢的效果需要用到的知识 :Javascript Date(

  • 本文向大家介绍Android计时与倒计时实现限时抢购的5种方法,包括了Android计时与倒计时实现限时抢购的5种方法的使用技巧和注意事项,需要的朋友参考一下 在购物网站的促销活动中一般都有倒计时限制购物时间或者折扣的时间,这些都是如何实现的呢? 在一个安卓客户端项目中恰好遇到了类似的问题,一开始使用的是Timer与 TimerTask, 虽然此方法通用,但后来考虑在安卓中是否有更佳的方案,于是乎

  • 本文向大家介绍基于JS实现的倒计时程序实例,包括了基于JS实现的倒计时程序实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了基于JS实现的倒计时程序。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍Andorid实现精确到天时分秒的抢购倒计时,包括了Andorid实现精确到天时分秒的抢购倒计时的使用技巧和注意事项,需要的朋友参考一下 今天项目用到了抢购时倒计时的功能 ,今天找了好多哥们,也百度了好多,但是没有自己喜欢并且能消化的。好不容易找到了一个能容易看懂的,然而又不符合我想要的需求,所以自己搞一下。不知道是否简单,但是最起码是项目的功能可以实现。(一下午,没白费。开心) 直

  • 本文向大家介绍js实现倒计时关键代码,包括了js实现倒计时关键代码的使用技巧和注意事项,需要的朋友参考一下 我们经常会在一些电商网站上看到秒杀倒计时,双11倒计时.其实倒计时的效果实现起来也是很简单的,并不复杂. 首先呢,开始写之前一定要理清楚思路,思路清晰了,那写起来就容易多了,下面我分了几个步骤: 1.获取当前的时间,并且定义结束的时间 2.用求未来时间和当前时间的时间差,并且求出时分秒 3.