html:
<div class="mui-table-view">
<div class="mui-table-view-cell cell">
<div class="shop-assess1">抢购中</div>
<div class="mui-view-code">
<div class="time_back">距结束
<span class="time_d">00</span> 天
<span class="time_h">00</span>
: <span class="time_m">00</span>
: <span class="time_s">00</span>
</div>
</div>
</div>
</div>
js:
<script>
$(function () {
$.ajax({
type: "GET",
url: "http://jsonplaceholder.typicode.com/posts",
data: {},
dataType: "json",
success: function(data){
var dataTime=data.time=1566730313000;//设定时间
var now = Date.now();//当前时间
surplus=dataTime-now;
if(surplus<0){ //时间结束
$(".mui-content").hide();
$(".not-data").show();
return false;
}else{
$(".mui-content").show();
$(".not-data").hide();
}
window.timeStamp=setInterval(function(){
ShowCountDown(dataTime);
}, 1000);
}
});
})
function ShowCountDown(dates)
{
var now = Date.now();
var leftTime=dates-now;
if(leftTime<=0){//时间结束
$(".mui-content").hide();
$(".not-data").show();
return false;
}
var dd = parseInt(leftTime / 1000 / 60 / 60 / 24, 10);//计算剩余的天数
var hh = parseInt(leftTime / 1000 / 60 / 60 % 24, 10);//计算剩余的小时数
var mm = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟数
var ss = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数
dd = checkTime(dd,1);
hh = checkTime(hh);
mm = checkTime(mm);
ss = checkTime(ss);
$(".time_d").html(dd);
$(".time_h").html(hh);
$(".time_m").html(mm);
$(".time_s").html(ss);
}
//小于10的话加0
function checkTime(i,num){
if (i < 10 ) {
if(i == 0 && num){
}else{
i = "0" + i;
}
}
return i;
}
</script>