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表单常用验证集合
Jan 16 Javascript
在IE下获取object(ActiveX)的Param的代码
Sep 15 Javascript
也说JavaScript中String类的replace函数
Sep 22 Javascript
JavaScript对象数组的排序处理方法
Oct 21 Javascript
json实现添加、遍历与删除属性的方法
Jun 17 Javascript
jQuery快速高效制作网页交互特效
Feb 24 Javascript
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
layui导航栏实现代码
May 19 Javascript
基于Vue开发数字输入框组件
Dec 19 Javascript
element-ui upload组件多文件上传的示例代码
Oct 17 Javascript
微信小程序中悬浮窗功能的实现代码
Aug 02 Javascript
javascript读取本地文件和目录方法详解
Aug 06 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+Mysql+jQuery中国地图区域数据统计实例讲解
2015/10/10 PHP
让Laravel API永远返回JSON格式响应的方法示例
2018/09/05 PHP
PHP连接MySQL数据库的三种方式实例分析【mysql、mysqli、pdo】
2019/11/04 PHP
childNodes.length与children.length的区别
2009/05/14 Javascript
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
2010/12/28 Javascript
HTML页面滚动时获取离页面顶部的距离2种实现方法
2013/09/05 Javascript
控制input输入框中提示信息的显示和隐藏的方法
2014/02/12 Javascript
JS获取select的value和text值的简单实例
2014/02/26 Javascript
用js读、写、删除Cookie代码续篇
2014/12/03 Javascript
Bootstrap 模态框实例插件案例分析
2016/12/28 Javascript
vue 项目中使用Loading组件的示例代码
2018/08/31 Javascript
es5 类与es6中class的区别小结
2020/11/09 Javascript
CentOS 8.2服务器上安装最新版Node.js的方法
2020/12/16 Javascript
[02:43]DOTA2英雄基础教程 半人马战行者
2014/01/13 DOTA
[01:03:47]VP vs NewBee Supermajor 胜者组 BO3 第一场 6.5
2018/06/06 DOTA
Python使用try except处理程序异常的三种常用方法分析
2018/09/05 Python
PyCharm配置mongo插件的方法
2018/11/30 Python
使用 Python 玩转 GitHub 的贡献板(推荐)
2019/04/04 Python
用python做游戏的细节详解
2019/06/25 Python
python中的colorlog库使用详解
2019/07/05 Python
pandas.DataFrame的pivot()和unstack()实现行转列
2019/07/06 Python
详解numpy.meshgrid()方法使用
2019/08/01 Python
Python 实现将数组/矩阵转换成Image类
2020/01/09 Python
详解如何修改python中字典的键和值
2020/09/29 Python
Pycharm安装Qt Design快捷工具的详细教程
2020/11/18 Python
丝芙兰法国官网:SEPHORA法国
2016/09/01 全球购物
自荐信格式写作方法有哪些呢
2013/11/20 职场文书
红旗团支部事迹材料
2014/01/27 职场文书
公司授权委托书范本
2014/04/03 职场文书
竞选生活委员演讲稿
2014/04/28 职场文书
2014年党员个人剖析材料
2014/10/08 职场文书
青年文明号申报材料
2014/12/23 职场文书
2015年房产经纪人工作总结
2015/05/15 职场文书
Python趣味挑战之用pygame实现简单的金币旋转效果
2021/05/31 Python
基于Apache Hudi在Google云构建数据湖平台的思路详解
2022/04/07 Servers
SQLyog的下载、安装、破解、配置教程(MySQL可视化工具安装)
2022/09/23 MySQL