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 嵌套的函数(作用域链)
Mar 15 Javascript
引用外部js乱码问题分析及解决方案
Apr 12 Javascript
浅谈javascript中的闭包
May 13 Javascript
jQuery实现下拉框选择图片功能实例
Aug 08 Javascript
ES6概念 ymbol.for()方法
Dec 25 Javascript
彻底学会Angular.js中的transclusion
Mar 12 Javascript
使用jQuery卸载全部事件的思路详解
Apr 03 jQuery
AngularJS中controller控制器继承的使用方法
Nov 03 Javascript
关于RxJS Subject的学习笔记
Dec 05 Javascript
js中Array对象的常用遍历方法详解
Jan 17 Javascript
浅谈JavaScript中this的指向问题
Jul 28 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
Aug 04 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正则匹配反斜杠'\'和美元'$'的方法
2017/02/08 PHP
PHP crc32()函数讲解
2019/02/14 PHP
jQuery 表格工具集
2010/04/25 Javascript
javascript初学者常用技巧
2014/09/02 Javascript
jQuery实现定时读取分析xml文件的方法
2015/07/16 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
2015/10/02 Javascript
整理JavaScript对DOM中各种类型的元素的常用操作
2016/05/05 Javascript
js实现倒计时及时间对象
2016/11/15 Javascript
CSS+jQuery实现简单的折叠菜单
2016/12/20 Javascript
利用JS实现文字的聚合动画效果
2017/01/22 Javascript
微信小程序 聊天室简单实现
2017/04/19 Javascript
vue-awesome-swiper滑块插件使用方法详解
2017/11/27 Javascript
Vue 之孙组件向爷组件通信的实现
2019/04/23 Javascript
微信小程序上传图片到php服务器的方法
2019/05/23 Javascript
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
2019/06/17 Javascript
基于vue实现探探滑动组件功能
2020/05/29 Javascript
使用vue引入maptalks地图及聚合效果的实现
2020/08/10 Javascript
vue-cli3自动消除console.log()的调试信息方式
2020/10/21 Javascript
node.js如何操作MySQL数据库
2020/10/29 Javascript
numpy中索引和切片详解
2017/12/15 Python
python实现控制电脑鼠标和键盘,登录QQ的方法示例
2019/07/06 Python
python深copy和浅copy区别对比解析
2019/12/26 Python
捷克母婴用品购物网站:Feedo.cz
2020/12/28 全球购物
制药工程专业应届生求职信
2013/09/24 职场文书
仓库管理专业个人自我评价范文
2013/11/11 职场文书
出纳工作岗位责任制
2014/02/02 职场文书
生产文员岗位职责
2014/04/05 职场文书
婚前协议书范本
2014/10/27 职场文书
中秋节慰问信
2015/02/15 职场文书
会计简历自我评价
2015/03/10 职场文书
公司停电通知
2015/04/15 职场文书
催款函范本大全
2015/06/24 职场文书
学校运动会通讯稿
2015/07/18 职场文书
简单了解 MySQL 中相关的锁
2021/05/25 MySQL
使用Python拟合函数曲线
2022/04/14 Python
python playwrigh框架入门安装使用
2022/07/23 Python