php+js实现倒计时功能


Posted in Javascript onJune 02, 2014

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 相关文章推荐
jquery checkbox全选、取消全选实现代码
Mar 05 Javascript
jquery判断元素的子元素是否存在的示例代码
Feb 04 Javascript
jquery如何扑捉回车键触发的事件
Apr 24 Javascript
jquery实现通用版鼠标经过淡入淡出效果
Jun 15 Javascript
Window.Open如何在同一个标签页打开
Jun 20 Javascript
在JS方法中返回多个值的方法汇总
May 20 Javascript
js去字符串前后空格的实现方法
Feb 26 Javascript
如何学JavaScript?前辈的经验之谈
Dec 28 Javascript
Html5+jQuery+CSS制作相册小记录
Dec 30 Javascript
javascript  数组排序与对象排序的实例
Jul 17 Javascript
微信小程序实现运动步数排行功能(可删除)
Jul 05 Javascript
javascript中join方法实例讲解
Feb 21 Javascript
node.js应用后台守护进程管理器Forever安装和使用实例
Jun 01 #Javascript
node.js入门教程
Jun 01 #Javascript
什么是Node.js?Node.js详细介绍
Jun 01 #Javascript
基于iframe实现类似于ajax的页面无刷新
May 31 #Javascript
通过Jquery的Ajax方法读取将table转换为Json
May 31 #Javascript
jQuery移除元素自动解绑事件实现思路及代码
May 31 #Javascript
jQuery操作select下拉框的text值和value值的方法
May 31 #Javascript
You might like
3
2006/10/09 PHP
php文件打包 下载之使用PHP自带的ZipArchive压缩文件并下载打包好的文件
2012/06/13 PHP
解析php中获取系统信息的方法
2013/06/25 PHP
解析PHP的Yii框架中cookie和session功能的相关操作
2016/03/17 PHP
PHP递归获取目录内所有文件的实现方法
2016/11/01 PHP
php表单习惯用的正则表达式
2017/10/11 PHP
JavaScript 事件对象的实现
2009/07/13 Javascript
关于JavaScript定义类和对象的几种方式
2010/11/09 Javascript
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
2011/08/28 Javascript
JS数学函数Exp使用说明
2012/08/09 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
2014/03/07 Javascript
jQuery实现购物车多物品数量的加减+总价计算
2014/06/06 Javascript
去除字符串左右两边的空格(实现代码)
2016/05/12 Javascript
微信小程序 欢迎页面的制作(源码下载)
2017/01/09 Javascript
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
2018/04/26 jQuery
详解Vue-axios 设置请求头问题
2018/12/06 Javascript
javascript实现小型区块链功能
2019/04/03 Javascript
vue商城中商品“筛选器”功能的实现代码
2020/07/01 Javascript
python中使用enumerate函数遍历元素实例
2014/06/16 Python
最基础的Python的socket编程入门教程
2015/04/23 Python
Python使用matplotlib的pie函数绘制饼状图功能示例
2018/01/08 Python
Python常见排序操作示例【字典、列表、指定元素等】
2018/08/15 Python
如何用python写一个简单的词法分析器
2018/12/18 Python
Python增强赋值和共享引用注意事项小结
2019/05/28 Python
python如何给字典的键对应的值为字典项的字典赋值
2019/07/05 Python
python实现数字炸弹游戏
2020/07/17 Python
详解HTML5中ol标签的用法
2015/09/08 HTML / CSS
JavaScript+Canvas实现自定义画板的示例代码
2019/05/13 HTML / CSS
自荐信的两点禁忌
2013/10/30 职场文书
部队领导证婚词
2014/01/12 职场文书
保险公司晨会主持词
2014/03/22 职场文书
班主任班级寄语大全
2014/04/04 职场文书
代收款委托书范本
2014/10/01 职场文书
工伤事故赔偿协议书
2014/10/27 职场文书
大学生学期个人总结
2015/02/12 职场文书
win10输入法不见了只能打出字母怎么解决?
2022/08/05 数码科技