JS实现倒计时

转载 2017年04月17日 15:07:23
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>JS实现倒计时(时、分,秒)</title>
    <script language="javascript" type="text/javascript">
        var interval = 1000;
        function ShowCountDown(year,month,day,divname)
        {
            var now = new Date();
            var endDate = new Date(year, month-1, day);
            var leftTime=endDate.getTime()-now.getTime();
            var leftsecond = parseInt(leftTime/1000);
            var day1=Math.floor(leftsecond/(60*60*24));
            var hour=Math.floor((leftsecond-day1*24*60*60)/3600);
            var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);
            var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);
            var cc = document.getElementById(divname);
            cc.innerHTML = "脚本之家提示距离"+year+""+month+""+day+"日还有:"+day1+""+hour+"小时"+minute+""+second+"";
        }
        window.setInterval(function(){ShowCountDown(2010,4,20,'divdown1');}, interval);
    </script>
</head>
<body>
<div id="divdown1"></div>
</body>
</html>

JS倒计时原理及实现

原理倒计时 = 现在的时间点(new Date())/终点(new Date(/这里填终点时间/)); 最后将差值转换为想要的格式。 使用setInterval(fn, 1000);每一秒执行一次...
  • gladys_1111
  • gladys_1111
  • 2017-11-21 20:28:59
  • 293

JS-实现商品倒计时

@if (item.Type == 1) { TimeSpan span = i...
  • qq_26101151
  • qq_26101151
  • 2016-11-18 18:04:13
  • 725

用原生js实现距离今年年底倒计时效果

// 设置倒计时效果 // var time=new Date(); // 创建当前时间 window.onload=function(){   function djs(){   var ...
  • Merlin2017
  • Merlin2017
  • 2017-04-19 19:59:31
  • 539

js实现考试时间倒计时

                                             
  • ABCJIECBA
  • ABCJIECBA
  • 2011-03-21 13:30:00
  • 4258

JS 实现时间倒计时

var maxtime = 1350057600 //截止到的日期 var now=parseInt((new Date().getTime())/1000);//获取当前的日期 var cha_...
  • shaerdong
  • shaerdong
  • 2012-10-10 16:27:02
  • 1662

js代码实现的简单的天数倒计时

效果如下: 代码如下: var now = new Date(); function GetServerTime(...
  • zhangbest2009
  • zhangbest2009
  • 2015-06-17 13:40:22
  • 2403

js实现倒计时60秒的简单代码

&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp...
  • qq_36279445
  • qq_36279445
  • 2017-08-24 13:58:49
  • 1390

JS实现为控件添加倒计时功能

在有些报表需求中,需要为控件添加倒计时功能,限制到某一个时间点后能进行一项操作或不能进行某项操作,比如查询,导出功能等等,又需要人性化地显示还有多少时间,即倒计时功能...
  • szd_happy
  • szd_happy
  • 2017-07-04 10:32:36
  • 833

js使用setInterval实现倒计时

利用setInterval制作简单的js倒计时,点击按钮将触发定时器且按钮不可用html:获取校验码JS: var i; function getCode(){ $("#code"...
  • itmyhome
  • itmyhome
  • 2015-05-19 22:14:10
  • 4501

自行整理了一个较为准确的倒计时功能代码(js实现)

在做这个之前,网上查找了很多的倒计时代码,但是都非常的不精确,对于精确度不高的一些倒计时上边还都可以,但是如果精确度一上去,立马就是会出bug,自己外加查阅资料在联合实际写了一个倒计时代码,这套代码有...
  • u010447573
  • u010447573
  • 2015-08-04 18:40:09
  • 1935
收藏助手
不良信息举报
您举报文章:JS实现倒计时
举报原因:
原因补充:

(最多只允许输入30个字)