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 相关文章推荐
控制打印时页眉角的代码
Feb 08 Javascript
JavaScript 面向对象编程(2) 定义类
May 18 Javascript
文本框input聚焦失焦样式实现代码
Oct 12 Javascript
借助script进行Http跨域请求:JSONP实现原理及代码
Mar 19 Javascript
jquery获取当前点击对象的value方法
Feb 28 Javascript
jQuery中extend函数的实现原理详解
Feb 03 Javascript
JavaScript根据CSS的Media Queries来判断浏览设备的方法
May 10 Javascript
jQuery实现根据滚动条位置加载相应内容功能
Jul 18 Javascript
浅谈vue实现数据监听的函数 Object.defineProperty
Jun 08 Javascript
fetch 使用及如何接收JS传值
Nov 11 Javascript
Layer UI表格列日期格式化及取消自动填充日期的实现方法
May 10 Javascript
vue element ui validate 主动触发错误提示操作
Sep 21 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之curl实现http与https请求的方法
2014/10/21 PHP
php微信支付之APP支付方法
2015/03/04 PHP
window.name代替cookie的实现代码
2010/11/28 Javascript
jquery延迟加载外部js实现代码
2013/01/11 Javascript
js 图片随机不定向浮动的实现代码
2013/07/02 Javascript
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
2014/10/21 Javascript
Javascript冒泡排序算法详解
2014/12/03 Javascript
jQuery实现防止提交按钮被双击的方法
2015/03/24 Javascript
浅谈jQuery中setInterval()方法
2015/07/07 Javascript
小巧强大的jquery layer弹窗弹层插件
2015/12/06 Javascript
javascript实现九宫格相加数值相等
2020/05/28 Javascript
jquery实现(textarea)placeholder自动换行
2016/12/22 Javascript
微信小程序实现两个页面传值的方法分析
2018/12/11 Javascript
Vuex实现数据增加和删除功能
2019/11/11 Javascript
微信小程序接入腾讯云验证码的方法步骤
2020/01/07 Javascript
Java Varargs 可变参数用法详解
2020/01/28 Javascript
vue 获取元素额外生成的data-v-xxx操作
2020/09/09 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
2020/12/14 Vue.js
Python随机生成带特殊字符的密码
2016/03/02 Python
Tensorflow卷积神经网络实例
2018/05/24 Python
实践Vim配置python开发环境
2018/07/02 Python
django.db.utils.ProgrammingError: (1146, u“Table‘’ doesn’t exist”)问题的解决
2018/07/13 Python
详解Python匿名函数(lambda函数)
2019/04/19 Python
Python 离线工作环境搭建的方法步骤
2019/07/29 Python
pycharm通过ssh连接远程服务器教程
2020/02/12 Python
Python中Yield的基本用法
2020/10/18 Python
pycharm 快速解决python代码冲突的问题
2021/01/15 Python
canvas简易绘图的实现(海绵宝宝篇)
2018/07/04 HTML / CSS
酒店工作职员求职简历的自我评价
2013/10/23 职场文书
艺术应用与设计个人的自我评价
2013/11/23 职场文书
毕业论文评语大全
2014/04/29 职场文书
2014年小学英语教师工作总
2014/12/03 职场文书
自主招生推荐信怎么写
2015/03/26 职场文书
带你彻底理解JavaScript中的原型对象
2021/04/14 Javascript
php中配置文件保存修改操作 如config.php文件的读取修改等操作
2021/05/12 PHP
Python实现简单的猜单词
2021/06/15 Python