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的事件描述
Sep 08 Javascript
自己的js工具 Cookie 封装
Aug 21 Javascript
JQUERY操作JSON实例代码
Feb 09 Javascript
jquery 插件学习(一)
Aug 06 Javascript
jQuery源码解读之removeAttr()方法分析
Feb 20 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
Angularjs注入拦截器实现Loading效果
Dec 28 Javascript
VUE中v-model和v-for指令详解
Jun 23 Javascript
详解webpack进阶之loader篇
Aug 23 Javascript
vux-scroller实现移动端上拉加载功能过程解析
Oct 08 Javascript
JS面向对象之单选框实现
Jan 17 Javascript
Angular CLI发布路径的配置项浅析
Mar 29 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日历制作代码分享
2014/01/20 PHP
php实现word转html的方法
2016/01/22 PHP
JS的IE和Firefox兼容性集锦
2006/12/11 Javascript
10个新的最有前途的JavaScript框架
2009/03/12 Javascript
关于onScroll事件在IE6下每次滚动触发三次bug说明
2011/09/21 Javascript
jQuery UI Autocomplete 体验分享
2012/02/14 Javascript
JQuery一种取同级值的方式(比如你在GridView中)
2012/03/15 Javascript
利用JQuery和Servlet实现跨域提交请求示例分享
2014/02/12 Javascript
基于javascript实现的搜索时自动提示功能
2014/12/26 Javascript
基于jQuery日历插件制作日历
2016/03/11 Javascript
微信开发 使用picker封装省市区三级联动模板
2016/10/28 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
2017/04/17 Javascript
QRCode.js二维码生成并能长按识别
2018/10/16 Javascript
如何获取vue单文件自身源码路径
2019/05/06 Javascript
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
2019/05/13 Javascript
js模拟F11页面全屏显示
2019/09/17 Javascript
基于hashlib模块--加密(详解)
2017/06/21 Python
python opencv实现运动检测
2018/07/10 Python
python实现列表中最大最小值输出的示例
2019/07/09 Python
python通过移动端访问查看电脑界面
2020/01/06 Python
python中如何写类
2020/06/29 Python
如何让python的运行速度得到提升
2020/07/08 Python
简单了解python关键字global nonlocal区别
2020/09/21 Python
CSS3属性选择符介绍
2008/10/17 HTML / CSS
中国海淘族值得信赖的海淘返利网站:55海淘
2017/01/16 全球购物
幼师岗位求职简历的自荐信格式
2013/09/21 职场文书
旷课检讨书大全
2014/01/21 职场文书
面临毕业的毕业生自荐书范文
2014/02/05 职场文书
工作散漫检讨书
2014/09/16 职场文书
公安交警个人对照检查材料思想汇报
2014/10/01 职场文书
预备党员2014年第四季度思想汇报范文
2014/10/25 职场文书
2014年志愿者工作总结
2014/11/20 职场文书
升学宴学生答谢词
2015/01/05 职场文书
2016春季田径运动会广播稿
2015/12/21 职场文书
新学期小学班主任工作计划
2019/06/21 职场文书
go语言中json数据的读取和写出操作
2021/04/28 Golang