文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php教程>php+js实现倒计时功能

php+js实现倒计时功能

时间:2021-02-01  来源:互联网

由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}" />

相关阅读更多 +
最近更新
排行榜 更多 +
元梦之星最新版手游

元梦之星最新版手游

棋牌卡牌 下载
我自为道安卓版

我自为道安卓版

角色扮演 下载
一剑斩仙

一剑斩仙

角色扮演 下载