jquery 倒计时效果

Posted lilelile

tags:

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

function daojishi(){
            var starttime = new Date("2017-09-30 01:06:11");
            //date的格式也可以写成:"2017/09/30 01:06:11" 
            //其他格式还没试过
	  	setInterval(function () {
	    var nowtime = new Date();
	    var time = starttime - nowtime;
	    var day = parseInt(time / 1000 / 60 / 60 / 24);
	    var hour = parseInt(time / 1000 / 60 / 60 % 24);
	    var minute = parseInt(time / 1000 / 60 % 60);
	    var seconds = parseInt(time / 1000 % 60);
	    if (day<0 || hour<0 || minute<0 || seconds<0) {
	    	day =0;
	    	hour =0;
	    	minute =0;
	    	seconds =0;
	    }
	    $(".day").html(day);
	    $(".hour").html(hour);
	    $(".min").html(minute);
	    $(".sec").html(seconds);
	
	  }, 1000);
}    

  

以上是关于jquery 倒计时效果的主要内容,如果未能解决你的问题,请参考以下文章

jquery实现倒计时效果

常用的几个JQuery代码片段

如果用户没有使用浏览器,则jQuery计时器停止

jquery实现的判断倒计时是否结束代码

12个用得着的 JQuery 代码片段

jquery实现手机发送验证码的倒计时代码