php+js實現(xiàn)倒計時功能
更新時間:2014年06月02日 16:23:28 作者:
由PHP傳入JS處理的時間戳我說怎么老是對不上號呢,原來JS時間戳為13位,包含3位毫秒的,而PHP只有10位不包含毫秒的。恩,基礎還是要補補的
js部分
復制代碼 代碼如下:
setInterval("time_controller()",1000);
function time_controller(){
$(".time_val").each(function(){
var time_id = "time_show_"+$(this).attr('for');
var time_val= $(this).attr('value');
$(this).attr('value',time_val-1);
show_time(time_id,time_val*1000);
});
}
function show_time(id,timestamp)
{
var timer = document.getElementById(id);
var str_time,int_day,int_hour,int_minute,int_second;
var time_distance = timestamp;
if(time_distance>0)
{
int_day=Math.floor(time_distance/86400000)
time_distance-=int_day*86400000;
int_hour=Math.floor(time_distance/3600000)
time_distance-=int_hour*3600000;
int_minute=Math.floor(time_distance/60000)
time_distance-=int_minute*60000;
int_second=Math.floor(time_distance/1000)
if(int_hour<10)
int_hour="0"+int_hour;
if(int_minute<10)
int_minute="0"+int_minute;
if(int_second<10)
int_second="0"+int_second;
str_time="<b>剩余時間:"+int_day+"天"+int_hour+"小時"+int_minute+"分鐘"+int_second+"秒</b>";
timer.innerHTML=str_time;
}else{
timer.innerHTML="<b>剩余時間: 0天0小時0分鐘0秒</b>";
}
}
html部分,php 和 js 的時間倒計時
復制代碼 代碼如下:
<div class="time" id="time_show_{$list.cmd_id}"></div>
<input type="hidden" class="time_val" for="{$list.cmd_id}" value="{$list.time_val}" />
相關文章
javascript實現(xiàn)的淘寶旅行通用日歷組件用法實例
這篇文章主要介紹了javascript實現(xiàn)的淘寶旅行通用日歷組件,以實例形式分析了該日歷組件的相關設置及使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
JavaScript中iframe實現(xiàn)局部刷新的幾種方法匯總
Iframe是一種嵌入網頁的框架形式,Web頁面可以通過更改嵌入的部分,達到部分內容刷新,通過本文和大家一起學習iframe實現(xiàn)局部刷新的幾種方法匯總,對iframe局部刷新相關知識感興趣的朋友一起學習吧2016-01-01
javascript實現(xiàn)函數柯里化與反柯里化過程解析
這篇文章主要介紹了javascript實現(xiàn)函數柯里化與反柯里化過程解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10
JavaScript中in和hasOwnProperty區(qū)別詳解
in操作符只要通過對象能訪問到屬性就返回true。hasOwnProperty()只在屬性存在于實例中時才返回true。下面通過本文給大家分享JavaScript中in和hasOwnProperty區(qū)別詳解,感興趣的朋友一起看看吧2017-08-08

