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 学习笔记(七)字符串的连接
Dec 31 Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
Nov 17 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
May 25 Javascript
AngularJS使用指令增强标准表单元素功能
Jul 01 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
May 05 Javascript
JS实现简易的图片拖拽排序实例代码
Jun 09 Javascript
ReactJS实现表单的单选多选和反选的示例
Oct 13 Javascript
vue实现商城购物车功能
Nov 27 Javascript
vue项目中的webpack-dev-sever配置方法
Dec 14 Javascript
详解mpvue scroll-view自动回弹bug解决方案
Oct 01 Javascript
js基础之事件捕获与冒泡原理
Oct 09 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
Oct 09 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
使用 PHPMAILER 发送邮件实例应用
2012/11/07 PHP
PHP中遇到BOM、编码导致json_decode函数无法解析问题
2014/07/02 PHP
php中instanceof 与 is_a()区别分析
2015/03/03 PHP
Laravel 前端资源配置教程
2019/10/18 PHP
RGB颜色值转HTML十六进制(HEX)代码的JS函数
2009/04/25 Javascript
你必须知道的Javascript知识点之&quot;深入理解作用域链&quot;的介绍
2013/04/23 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
2014/04/10 Javascript
鼠标左键单击冲突的问题解决方法(防止冒泡)
2014/05/14 Javascript
iframe里的页面禁止右键事件的方法
2014/06/10 Javascript
限制上传文件大小和格式的jQuery插件实例
2015/01/24 Javascript
JQuery控制Radio选中方法分析
2015/05/29 Javascript
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
2015/08/04 Javascript
js如何实现点击标签文字,文字在文本框出现
2015/08/05 Javascript
CSS3 3D 技术手把手教你玩转
2016/09/02 Javascript
js实现小窗口拖拽效果
2016/12/03 Javascript
理解AngularJs篇:30分钟快速掌握AngularJs
2016/12/23 Javascript
Bootstrap3 图片(响应式图片&amp;图片形状)
2017/01/04 Javascript
微信小程序 定位到当前城市实现实例代码
2017/02/23 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
2017/03/07 Javascript
[05:20]2018DOTA2亚洲邀请赛主赛事第三日战况回顾 LGD率先挺进胜者组决赛
2018/04/06 DOTA
[47:42]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
asyncio 的 coroutine对象 与 Future对象使用指南
2016/09/11 Python
python图像处理模块Pillow的学习详解
2019/10/09 Python
python调用函数、类和文件操作简单实例总结
2019/11/29 Python
python Selenium 库的使用技巧
2020/10/16 Python
Crabtree & Evelyn英国官网:瑰珀翠护手霜、香水、沐浴和身体护理
2018/04/26 全球购物
Linux中如何用命令创建目录
2016/12/02 面试题
高中生的自我鉴定范文
2014/01/24 职场文书
庆元旦文艺演出主持词
2014/03/27 职场文书
教师对学生的评语
2014/04/28 职场文书
音乐幼师求职信
2014/07/09 职场文书
学校党委副书记个人对照检查材料思想汇报
2014/09/28 职场文书
2015年挂职锻炼工作总结
2014/12/12 职场文书
2015年领班工作总结
2015/04/29 职场文书
入党宣誓大会后的感想
2015/08/10 职场文书
WebRTC记录音视频流(web技术分享)
2022/02/24 Javascript