倒计时 JS小例子

Posted

tags:

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

<span class="cd_item_txt" id="days">00</span></div>
<div class="cd_item cd_hour" ><span class="cd_item_txt" id="hours">00</span></div>
<div class="cd_item cd_minute"><span class="cd_item_txt" id="minutes">00</span></div>
<div class="cd_item cd_second"><span class="cd_item_txt" id="seconds">00</span></div></div>
技术分享图片

<script type="text/javascript" src="js/jquery-1.9.1.min.js">

function leftTimer(year,month,day,hour,minute,second){ var leftTime = (new Date(year,month-1,day,hour,minute,second)) - (new Date()); //计算剩余的毫秒数 // alert(leftTime); var days = parseInt(leftTime / 1000 / 60 / 60 / 24 , 10); //计算剩余的天数 var hours = parseInt(leftTime / 1000 / 60 / 60 % 24 , 10); //计算剩余的小时 var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟 var seconds = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数 days = checkTime(days); hours = checkTime(hours); minutes = checkTime(minutes); seconds = checkTime(seconds); document.getElementById("days").innerhtml = days; document.getElementById("seconds").innerHTML = seconds; document.getElementById("minutes").innerHTML = minutes; document.getElementById("hours").innerHTML = hours; } function checkTime(i){ //将0-9的数字前面加上0,例1变为01 if(i<10) { i = "0" + i; } return i; } //$seckill_time = ‘2018,04,04,10,00,00‘; setInterval("leftTimer({$seckill_time})",1000); //在这里修改6个参数 ,根据后台传值 leftTimer();
<--秒杀时间js end-->

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

js-------》(小效果)实现倒计时及时间对象

倒计时广告关闭案例实现 js js小技巧

原生js处理倒计时小实例

微信小程序倒计时实现

原创:微信小程序+WEB使用JS实现注册60s倒计时功能

微信小程序中的倒计时