php和js一起实现倒计时功能

php

//提示付款超时 一天后

$ListInfo[$i]['leaveTime'] = date("Y-m-d H:i:s", strtotime($ListInfo[$i]['createtime']) + 86400);

//倒计时计算

$difftime = strtotime($ListInfo[$i]['leaveTime']) - time();

$ListInfo[$i]['daojishi'] = ($difftime > 0) ? $difftime : 0;

html

<div id="{$k}" class="settime" endTime="{$matching.leaveTime}"></div>

<div class="daojishi">

<span style="color:red" id="daojishispan_{$k}"></span>

<input type="hidden" id="daojishi_{$k}" value="{$matching.daojishi}" />

</div>

<script type="text/javascript">

//var intDiff = parseInt(60);//倒计时总秒数量

function timer(){

window.setInterval(function(){

$(".daojishi").each(function (i) {

var k = i+1;

var v = parseInt($("#daojishi_"+k).val());

//alert(v);

if (v > 0) {

var shijian = getTimeText(v);

v--;

$("#daojishispan_"+k).html(shijian);

$("#daojishi_"+k).val(v);

}else{

$("#daojishispan_"+k).html("付款超时");

}

});

}, 1000);

}

function getTimeText(v) {

var day = parseInt(v / 3600 / 24);

var h = parseInt((v / 3600) % 24);

var s = parseInt((v / 60) % 60);

var m = parseInt((v) % 60);

if (h < 10) {

h = '0' + h;

}

if (s < 10) {

s = '0' + s;

}

if (m < 10) {

m = '0' + m;

}

var shijian = day + "天" + h + '小时' + s + "分" + m + "秒";

return shijian;

}

$(function(){

timer();

});

</script>