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选择器大全 全面详解jquery选择器
Mar 06 Javascript
Javascript核心读书有感之词法结构
Feb 01 Javascript
angularJS 中input示例分享
Feb 09 Javascript
require.js+vue开发微信上传图片组件
Oct 27 Javascript
js实现简单的网页换肤效果
Jan 18 Javascript
JS实现的点击表头排序功能示例
Mar 27 Javascript
JS实现前端缓存的方法
Sep 21 Javascript
深入理解node.js http模块
Jan 24 Javascript
Vue SPA单页应用首屏优化实践
Jun 28 Javascript
详解处理Vue单页面应用SEO的另一种思路
Nov 09 Javascript
JavaScript 扩展运算符用法实例小结【基于ES6】
Jun 17 Javascript
layer.open回调获取弹出层参数的实现方法
Sep 10 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
火影忍者:三大瞳力之一的白眼,为什么没有写轮眼那么出色?
2020/03/02 日漫
[原创]PHP中通过ADODB库实现调用Access数据库之修正版本
2006/12/31 PHP
PHP简单系统查询模块代码打包下载
2008/06/07 PHP
php 页面执行时间计算代码
2008/12/04 PHP
php懒人函数 自动添加数据
2011/06/28 PHP
RSA实现JS前端加密与PHP后端解密功能示例
2019/08/05 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
php正则表达式使用方法整理集合
2020/01/31 PHP
JavaScript 异步调用框架 (Part 5 - 链式实现)
2009/08/04 Javascript
JQuery 1.4 中的Ajax问题
2010/01/23 Javascript
JS数学函数Exp使用说明
2012/08/09 Javascript
Jquery post传递数组方法实现思路及代码
2013/04/28 Javascript
使用js检测浏览器的实现代码
2013/05/14 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
js实现屏幕自适应局部代码分享
2015/01/30 Javascript
原生js实现商品放大镜效果
2017/01/12 Javascript
Vue.js在使用中的一些注意知识点
2017/04/29 Javascript
vue移动端实现红包雨效果
2020/06/23 Javascript
Nuxt.js之自动路由原理的实现方法
2018/11/21 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
2019/03/08 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
2019/04/19 Javascript
Vue Router history模式的配置方法及其原理
2019/05/30 Javascript
如何利用JavaScript编写更好的条件语句详解
2020/08/10 Javascript
[08:53]DOTA2每周TOP10 精彩击杀集锦vol.9
2014/06/26 DOTA
Python笔记(叁)继续学习
2012/10/24 Python
Python入门教程之if语句的用法
2015/05/14 Python
python删除列表内容
2015/08/04 Python
python pycurl验证basic和digest认证的方法
2018/05/02 Python
python反编译学习之字节码详解
2019/05/19 Python
万能检讨书开头与结尾怎么写
2015/02/17 职场文书
红领巾广播站广播稿
2015/08/19 职场文书
2016年党员公开承诺书格式范文
2016/03/24 职场文书
村党总支部公开承诺书2016
2016/03/25 职场文书
MySql 8.0及对应驱动包匹配的注意点说明
2021/06/23 MySQL
浅谈Web Storage API的使用
2021/06/23 Javascript
MySQL添加索引特点及优化问题
2022/07/23 MySQL