手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >php+js实现倒计时功能
php+js实现倒计时功能
摘要:js部分复制代码代码如下:setInterval("time_controller()",1000);functiontime_contro...

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 id="time_show_{$list.cmd_id}"></div>

<input type="hidden" for="{$list.cmd_id}" value="{$list.time_val}" />

【php+js实现倒计时功能】相关文章:

jQuery实现在列表的首行添加数据

JQuery+CSS实现图片上放置按钮的方法

js实现发送验证码后的倒计时功能

JavaScript实现的MD5算法完整实例

JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例

jQuery实现延迟跳转的方法

js实现带按钮的上下滚动效果

js控制div弹出层实现方法

javascript实现树形菜单的方法

用JavaScript实现页面重定向功能的教程

精品推荐
分类导航