php+js實(shí)現(xiàn)倒計(jì)時(shí)功能
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>剩余時(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í)
<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中reduce()的5個(gè)基本用法示例
這篇文章主要給大家介紹了關(guān)于JavaScript中reduce()的5個(gè)基本用法示例,文中通過(guò)示例代碼以及圖文介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07javascript簡(jiǎn)單事件處理和with用法介紹
本文為大家介紹下javascript事件處理及with用法,主要是鼠標(biāo)點(diǎn)擊與移動(dòng),感興趣的朋友可以參考下2013-09-09部分網(wǎng)站允許空白referer的防盜鏈圖片的js破解代碼
主要是有些網(wǎng)站的圖片調(diào)用是防盜鏈的但一般只是判斷referer是不是自己網(wǎng)站,如果referer為空也會(huì)顯示圖片,所以有了下面的代碼。2011-05-05div+css+js實(shí)現(xiàn)無(wú)縫滾動(dòng)類似marquee無(wú)縫滾動(dòng)兼容firefox
marquee無(wú)縫滾動(dòng)想必大家都有見(jiàn)過(guò),本文利用div+css+javascript也實(shí)現(xiàn)下類似的滾動(dòng)且兼容firefox,喜歡的朋友可以參考下2013-08-08JS面試題大坑之隱式類型轉(zhuǎn)換實(shí)例代碼
這篇文章主要介紹了JS面試題大坑之隱式類型轉(zhuǎn)換實(shí)例代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-10-10JavaScript實(shí)現(xiàn)頁(yè)面5秒后自動(dòng)跳轉(zhuǎn)的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)頁(yè)面5秒后自動(dòng)跳轉(zhuǎn)的方法,涉及javascript遞歸調(diào)用與計(jì)時(shí)函數(shù)setTimeout的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04webpack.DefinePlugin與cross-env區(qū)別詳解
這篇文章主要介紹了webpack.DefinePlugin與cross-env區(qū)別詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02Javascript實(shí)現(xiàn)跨域后臺(tái)設(shè)置攔截的方法詳解
這篇文章主要給大家介紹了關(guān)于Javascript實(shí)現(xiàn)跨域后臺(tái)設(shè)置攔截的方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面跟著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-08-08javascript將數(shù)組插入到另一個(gè)數(shù)組中的代碼
下面的代碼主要功能就是將數(shù)組arr2插入到數(shù)組arr1的index位置,需要的朋友可以參考下2013-01-01