php+js实现倒计时功能
2014-06-02 16:23
591 查看
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}" />
您可能感兴趣的文章:
相关文章推荐
- php+js实现倒计时功能
- PHP+JS实现批量删除数据功能示例
- PHP+JS实现的商品秒杀倒计时用法示例
- php和js一起实现倒计时功能
- php+js实现图片的上传、裁剪、预览、提交整个功能
- php实现倒计时功能
- PHP+JS实现的商品秒杀倒计时用法示例
- php中实现倒计时的功能
- PHP+JS实现的实时搜索提示功能
- PHP+HTML实现页面自考倒计时功能
- PHP实现翻页跳转功能
- php+ajax 实现仿google suggest效果的autocomplete功能代码
- PHP实现的功能是显示8条基色色带
- 用js进行url编码后用php反解以及用php实现js的escape功能函数
- 在PHP3中实现SESSION的功能(三)
- PHP实现翻页跳转功能
- 实现倒计时功能
- php 实现分页功能
- 在PHP3中实现SESSION的功能(一)
- 用PHP实现验证码功能