js倒计时代码还剩多少天

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js倒计时代码还剩多少天相关的知识,希望对你有一定的参考价值。

只需要天数,比如“距08月29日考试还有174天”,数字可以添加css样,有木有大神帮忙

首先,获取当前时间 var a = new Date()
然后拿你要比较的时间var b = new Date('2015-08-29')
与当前时间比较,var c = b-a
c就是得到的时间差,意义是两个时间相差的毫秒数。
最后相差的天数就是 var d=c/1000/3600/24
你最后对d向上取整,就是相差的天数了
参考技术A <!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=parseInt(leftsecond/(24*60*60*6));
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(2015,8,29,'divdown1');, interval);
</script>
</head>
这样就行了,直接复制就可以,样式自己添加css
阿里康康健康网
<body>
<div id="divdown1"></div>
</body>
</html>
参考技术B

css样式你自己加吧

原生js处理倒计时小实例

昨天写了一个简单的不能循环走的倒计时,那么今天写一个添加了定时器之后的倒计时。先来看看布局的代码:

<style>
.t1 { width:400px; }
</style>

<body>
  距离:<input class="t1" type="text" value="November 27,2013 22:3:0" /><br />
  还剩:<input class="t1" type="text" />
  <input type="button" value="开始倒计时吧" />
</body>

js代码如下:

<script>
        
        window.onload = function () {
            var aInp = document.getElementsByTagName(\'input\');
            var iNow = null;
            var iNew = null;
            var t = 0;
            var str = \'\';
            var timer = null;

            aInp[2].onclick = function () {
                iNew = new Date(aInp[0].value);
                clearInterval( timer );

                timer = setInterval (function (){

                    iNow = new Date();
                    t = Math.floor( ( iNew - iNow ) / 1000 );

                    if ( t >= 0 ) {//这个时间差要么大于或者等于0,不可能为负值

                        str = Math.floor(t/86400)+\'天\'+Math.floor(t%86400/3600)+\'时\'+Math.floor(t%86400%3600/60)+\'分\'+t%60+\'秒\';

                        aInp[1].value = str;

                    } else {

                        clearInterval( timer );

                    }

                }, 1000);
            };
        };
    </script>

 

当然我截的是静态图,效果就是倒计时时间会在input里显示出来,需要注意的就是要这个时间差不可能为负数,所以,一定要做判断!

好了,今天就到这里了!

以上是关于js倒计时代码还剩多少天的主要内容,如果未能解决你的问题,请参考以下文章

赛码 #1649 日期倒计时

js功能实现的特效--距离新年还有多少天

javascript 网页中实现一个计算当年还剩多少时间的倒数计时程序

原生js处理倒计时小实例

vue中在一个页面如何设置多个倒计时

javascript 倒计时天小时分钟描述的倒计时代码