php+js实现倒计时功能

 更新时间:2014年06月02日 16:23:28   作者:  
由PHP传入JS处理的时间戳我说怎么老是对不上号呢,原来JS时间戳为13位,包含3位毫秒的,而PHP只有10位不包含毫秒的。恩,基础还是要补补的

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实现的淘宝旅行通用日历组件用法实例

    这篇文章主要介绍了javascript实现的淘宝旅行通用日历组件,以实例形式分析了该日历组件的相关设置及使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 图片无缝滚动代码(向左/向下/向上)

    图片无缝滚动代码(向左/向下/向上)

    想必大家都注意到marquee的不循环滚动,所以出现了很多替代脚本,接下来为大家详细介绍下:向左滚动/图片左无缝滚动/向下滚动/图片下无缝滚动/向上滚动的实现
    2013-04-04
  • js防止页面被iframe调用的方法

    js防止页面被iframe调用的方法

    这篇文章主要介绍了js防止页面被iframe调用的方法,可防止页面被别的网站iframe调用,非常具有实用价值,需要的朋友可以参考下
    2014-10-10
  • JavaScript中iframe实现局部刷新的几种方法汇总

    JavaScript中iframe实现局部刷新的几种方法汇总

    Iframe是一种嵌入网页的框架形式,Web页面可以通过更改嵌入的部分,达到部分内容刷新,通过本文和大家一起学习iframe实现局部刷新的几种方法汇总,对iframe局部刷新相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • 解析JavaScript模仿块级作用域

    解析JavaScript模仿块级作用域

    本文主要介绍了JavaScript模仿块级作用域的方法,具有一定的参考价值。下面跟着小编一起来看下吧
    2016-12-12
  • javascript实现函数柯里化与反柯里化过程解析

    javascript实现函数柯里化与反柯里化过程解析

    这篇文章主要介绍了javascript实现函数柯里化与反柯里化过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • web前端页面生成exe可执行文件的方法

    web前端页面生成exe可执行文件的方法

    这篇文章给大家介绍了Electron 怎么将网页打包成桌面应用(web前端页面怎么生成exe可执行文件),感兴趣的朋友跟随脚本之家小编一起学习吧
    2018-02-02
  • JS实现文档加载完成后执行代码

    JS实现文档加载完成后执行代码

    本文给大家讲述的是使用javascript实现文档加载完成后再执行代码的方法和示例,非常简单实用,有需要的小伙伴可以参考下。
    2015-07-07
  • JavaScript中in和hasOwnProperty区别详解

    JavaScript中in和hasOwnProperty区别详解

    in操作符只要通过对象能访问到属性就返回true。hasOwnProperty()只在属性存在于实例中时才返回true。下面通过本文给大家分享JavaScript中in和hasOwnProperty区别详解,感兴趣的朋友一起看看吧
    2017-08-08
  • 基于javascript实现简单计算器功能

    基于javascript实现简单计算器功能

    这篇文章主要介绍了基于javascript实现简单计算器功能的相关资料,需要的朋友可以参考下
    2016-01-01

最新评论