php+js實(shí)現(xiàn)倒計(jì)時(shí)功能
更新時(shí)間：2014年06月02日 16:23:28 作者：
由PHP傳入JS處理的時(shí)間戳我說(shuō)怎么老是對(duì)不上號(hào)呢，原來(lái)JS時(shí)間戳為13位，包含3位毫秒的，而PHP只有10位不包含毫秒的。恩，基礎(chǔ)還是要補(bǔ)補(bǔ)的
js部分
復(fù)制代碼 代碼如下:
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>剩余時(shí)間："+int_day+"天"+int_hour+"小時(shí)"+int_minute+"分鐘"+int_second+"秒</b>";
timer.innerHTML=str_time;
}else{
timer.innerHTML="<b>剩余時(shí)間： 0天0小時(shí)0分鐘0秒</b>";
}
}
html部分，php 和 js 的時(shí)間倒計(jì)時(shí)
復(fù)制代碼 代碼如下:
<div class="time" id="time_show_{$list.cmd_id}"></div>
<input type="hidden" class="time_val" for="{$list.cmd_id}" value="{$list.time_val}" />
相關(guān)文章
javascript實(shí)現(xiàn)的淘寶旅行通用日歷組件用法實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)的淘寶旅行通用日歷組件,以實(shí)例形式分析了該日歷組件的相關(guān)設(shè)置及使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
想必大家都注意到marquee的不循環(huán)滾動(dòng),所以出現(xiàn)了很多替代腳本，接下來(lái)為大家詳細(xì)介紹下：向左滾動(dòng)/圖片左無(wú)縫滾動(dòng)/向下滾動(dòng)/圖片下無(wú)縫滾動(dòng)/向上滾動(dòng)的實(shí)現(xiàn)2013-04-04
這篇文章主要介紹了js防止頁(yè)面被iframe調(diào)用的方法,可防止頁(yè)面被別的網(wǎng)站iframe調(diào)用,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-10-10
JavaScript中iframe實(shí)現(xiàn)局部刷新的幾種方法匯總
Iframe是一種嵌入網(wǎng)頁(yè)的框架形式，Web頁(yè)面可以通過(guò)更改嵌入的部分，達(dá)到部分內(nèi)容刷新，通過(guò)本文和大家一起學(xué)習(xí)iframe實(shí)現(xiàn)局部刷新的幾種方法匯總，對(duì)iframe局部刷新相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01
本文主要介紹了JavaScript模仿塊級(jí)作用域的方法，具有一定的參考價(jià)值。下面跟著小編一起來(lái)看下吧2016-12-12
javascript實(shí)現(xiàn)函數(shù)柯里化與反柯里化過(guò)程解析
這篇文章主要介紹了javascript實(shí)現(xiàn)函數(shù)柯里化與反柯里化過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
這篇文章給大家介紹了Electron 怎么將網(wǎng)頁(yè)打包成桌面應(yīng)用（web前端頁(yè)面怎么生成exe可執(zhí)行文件），感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-02-02
JS實(shí)現(xiàn)文檔加載完成后執(zhí)行代碼
本文給大家講述的是使用javascript實(shí)現(xiàn)文檔加載完成后再執(zhí)行代碼的方法和示例，非常簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。2015-07-07
JavaScript中in和hasOwnProperty區(qū)別詳解
in操作符只要通過(guò)對(duì)象能訪問(wèn)到屬性就返回true。hasOwnProperty()只在屬性存在于實(shí)例中時(shí)才返回true。下面通過(guò)本文給大家分享JavaScript中in和hasOwnProperty區(qū)別詳解，感興趣的朋友一起看看吧2017-08-08
基于javascript實(shí)現(xiàn)簡(jiǎn)單計(jì)算器功能
這篇文章主要介紹了基于javascript實(shí)現(xiàn)簡(jiǎn)單計(jì)算器功能的相關(guān)資料,需要的朋友可以參考下2016-01-01