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 相关文章推荐
JavaScript在IE中“意外地调用了方法或属性访问”
Nov 19 Javascript
js继承 Base类的源码解析
Dec 30 Javascript
js中AppendChild与insertBefore的用法详细解析
Dec 16 Javascript
jquery选择器之属性过滤选择器详解
Jan 27 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
Dec 08 Javascript
完美实现八种js焦点轮播图(上篇)
Jul 18 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
Oct 05 Javascript
jQuery验证表单格式的使用方法
Jan 10 Javascript
React学习笔记之列表渲染示例详解
Aug 22 Javascript
详解js正则表达式验证时间格式xxxx-xx-xx形式
Feb 09 Javascript
JS浅拷贝和深拷贝原理与实现方法分析
Feb 28 Javascript
vue页面更新patch的实现示例
Mar 25 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
优化NFR之一 --MSSQL Hello Buffer Overflow
2006/10/09 PHP
php Mysql日期和时间函数集合
2007/11/16 PHP
php代码审计比较有意思的例子
2014/05/07 PHP
PHP中数据库单例模式的实现代码分享
2014/08/21 PHP
PHP+MYSQL会员系统的开发实例教程
2014/08/23 PHP
实例讲解PHP设计模式编程中的简单工厂模式
2016/02/29 PHP
php metaphone()函数及php localeconv() 函数实例解析
2016/05/15 PHP
PHP实现限制IP访问及提交次数的方法详解
2017/07/17 PHP
用YUI做了个标签浏览效果
2007/02/20 Javascript
JS 控件事件小结
2012/10/31 Javascript
[JSF]使用DataModel处理表行事件的实例代码
2013/08/05 Javascript
js 本地预览的简单实现方法
2014/02/18 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
JavaScript中自定义事件用法分析
2014/12/23 Javascript
javascript制作游戏开发碰撞检测的封装代码
2015/03/31 Javascript
angular ng-repeat数组中的数组实例
2017/02/18 Javascript
ng2学习笔记之bootstrap中的component使用教程
2017/03/09 Javascript
php register_shutdown_function函数详解
2017/07/23 Javascript
微信小程序实现顶部普通选项卡效果(非swiper)
2020/06/19 Javascript
写给小白看的JavaScript异步
2017/11/29 Javascript
在 React、Vue项目中使用SVG的方法
2018/02/09 Javascript
JavaScript中发出HTTP请求最常用的方法
2018/07/12 Javascript
基于VUE的v-charts的曲线显示功能
2019/10/01 Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
2020/03/12 Javascript
python中日期和时间格式化输出的方法小结
2015/03/19 Python
Python脚本判断 Linux 是否运行在虚拟机上
2015/04/25 Python
python的unittest测试类代码实例
2017/12/07 Python
Python中使用logging和traceback模块记录日志和跟踪异常
2019/04/09 Python
解决django 新增加用户信息出现错误的问题
2019/07/28 Python
pygame实现贪吃蛇游戏(下)
2019/10/29 Python
Python HTMLTestRunner库安装过程解析
2020/05/25 Python
使用css3匹配手机屏幕横竖状态
2014/01/27 HTML / CSS
匈牙利超级网上商店和优惠:Alza.hu
2019/12/17 全球购物
寄语学生的话
2014/04/10 职场文书
工作会议方案
2014/05/21 职场文书
教你用eclipse连接mysql数据库
2021/04/22 MySQL