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 相关文章推荐
利用js正则表达式验证手机号,email地址,邮政编码
Jan 23 Javascript
详解JavaScript中shift()方法的使用
Jun 09 Javascript
基于jQuery实现的仿百度首页滑动选项卡效果代码
Nov 16 Javascript
利用jQuery及AJAX技术定时更新GridView的某一列数据
Dec 04 Javascript
Node.js 实现简单的接口服务器的实例代码
May 23 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
Aug 02 Javascript
详解操作虚拟dom模拟react视图渲染
Jul 25 Javascript
基于vue手写tree插件的那点事儿
Aug 20 Javascript
JavaScript中break、continue和return的用法区别实例分析
Mar 02 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
Jul 13 Javascript
jQuery中event.target和this的区别详解
Aug 13 jQuery
AJAX实现指定部分页面刷新效果
Oct 16 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
php桌面中心(二) 数据库写入
2007/03/11 PHP
从一个不错的留言本弄的mysql数据库操作类
2007/09/02 PHP
phpstorm编辑器乱码问题解决
2014/12/01 PHP
php 输入输出流详解及示例代码
2016/08/25 PHP
PHP实现的XML操作类【XML Library】
2016/12/29 PHP
完美解决thinkphp唯一索引重复时出错的问题
2017/03/31 PHP
PHP的图像处理实例小结【文字水印、图片水印、压缩图像等】
2019/12/20 PHP
JavaScript中的Window窗口对象
2008/01/16 Javascript
JQuery调webservice实现邮箱验证(检测是否可用)
2013/05/21 Javascript
jQuery设置指定网页元素宽度和高度的方法
2015/03/25 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
2015/05/09 Javascript
用React实现一个完整的TodoList的示例代码
2017/10/30 Javascript
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
在微信小程序里使用watch和computed的方法
2018/08/02 Javascript
nodejs 递归拷贝、读取目录下所有文件和目录
2019/07/18 NodeJs
微信小程序 wxParse插件显示视频问题
2019/09/27 Javascript
序列化模块json代码实例详解
2020/03/03 Javascript
在Vue.js中使用TypeScript的方法
2020/03/19 Javascript
python时间序列按频率生成日期的方法
2019/05/14 Python
Python实现微信机器人的方法
2019/09/06 Python
使用Python开发个京东上抢口罩的小实例(仅作技术研究学习使用)
2020/03/10 Python
用HTML5制作一个简单的桌球游戏的教程
2015/05/12 HTML / CSS
ProBikeKit新西兰:自行车套件,跑步和铁人三项装备
2017/04/05 全球购物
恒华伟业笔试面试题
2015/02/26 面试题
消防安全检查制度
2014/02/04 职场文书
培训协议书范本
2014/04/22 职场文书
全国税务系统先进集体事迹材料
2014/05/19 职场文书
学校安全工作汇报材料
2014/08/16 职场文书
房屋出租协议书范本(标准版)
2014/09/24 职场文书
2014年客服工作总结范文
2014/11/13 职场文书
电信营业员岗位职责
2015/04/14 职场文书
2015财务年度工作总结范文
2015/05/04 职场文书
2016年春季开学典礼新闻稿
2015/11/25 职场文书
小学四年级作文之人物作文
2019/11/06 职场文书
详解Python如何批量采集京东商品数据流程
2022/01/22 Python
使用Python解决图表与画布的间距问题
2022/04/11 Python