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语句中的CDATA标签的意义
May 09 Javascript
jquery 的 $(&quot;#id&quot;).html() 无内容的解决方法
Jun 07 Javascript
动态载入/删除/更新外部 JavaScript/Css 文件的代码
Jul 03 Javascript
js修改table中Td的值(定义td的双击事件)
Jan 10 Javascript
jquery移动listbox的值原理及代码
May 03 Javascript
jQuery实现跟随鼠标运动图层效果的方法
Feb 02 Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
Dec 12 Javascript
React从react-router路由上做登陆验证控制的方法
May 10 Javascript
vue中关闭eslint的方法分析
Aug 04 Javascript
微信小程序非跳转式组件授权登录的方法示例
May 22 Javascript
JS使用new操作符创建对象的方法分析
May 30 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
Mar 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
Gregarius中文日期格式问题解决办法
2008/04/22 PHP
php xml-rpc远程调用
2008/12/19 PHP
微博短链接算法php版本实现代码
2012/09/15 PHP
php stream_get_meta_data返回值
2013/09/29 PHP
十个PHP高级应用技巧果断收藏
2015/09/25 PHP
数据结构之利用PHP实现二分搜索树
2020/10/25 PHP
javascript 限制输入脚本大全
2009/11/03 Javascript
javascript 类型判断代码分析
2010/03/28 Javascript
事件模型在各浏览器中存在差异
2010/10/20 Javascript
Prototype源码浅析 String部分(二)
2012/01/16 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
2014/10/17 Javascript
详解Document.Cookie
2015/12/25 Javascript
jQuery插件datatables使用教程
2016/04/21 Javascript
Javascript this 函数深入详解
2016/12/13 Javascript
vuex 项目结构目录及一些简单配置介绍
2018/04/08 Javascript
Vue组件内部实现一个双向数据绑定的实例代码
2019/04/04 Javascript
简单文件操作python 修改文件指定行的方法
2013/05/15 Python
深入理解python中的atexit模块
2017/03/07 Python
Python类的继承和多态代码详解
2017/12/27 Python
Python爬虫框架Scrapy实例代码
2018/03/04 Python
Python3.6实现根据电影名称(支持电视剧名称),获取下载链接的方法
2019/08/26 Python
使用html5实现表格实现标题合并的实例代码
2019/05/13 HTML / CSS
美国汽配连锁巨头Pep Boys官网:轮胎更换、汽车维修服务和汽车零部件
2017/01/14 全球购物
MediaMarkt比利时:欧洲最大电器连锁店
2020/12/21 全球购物
skyn ICELAND官网:冰岛成分天然护肤品
2020/08/24 全球购物
学前教育专业毕业生自荐信
2013/10/03 职场文书
会计学财务管理专业个人的自我评价
2013/10/19 职场文书
奥巴马演讲稿
2014/01/08 职场文书
经销商培训邀请函
2014/01/21 职场文书
怎么写自荐书范文
2014/02/12 职场文书
领导干部“四风”问题批评与自我批评材料
2014/09/24 职场文书
2014年学习部工作总结
2014/11/12 职场文书
李清照的诗词赏析(20首)
2019/08/22 职场文书
Vertica集成Apache Hudi重磅使用指南
2022/03/31 Servers
讨论nginx location 顺序问题
2022/05/30 Servers