php语言 百分网手机站

php+js实现倒计时功能

时间:2020-08-04 12:36:34 php语言 我要投稿

php+js实现倒计时功能

  由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 的时间倒计时

  复制代码 代码如下:

  <p class="time" id="time_show_{$list.cmd_id}"></p>

  <input type="hidden"  class="time_val" for="{$list.cmd_id}" value="{$list.time_val}" />

【php+js实现倒计时功能】相关文章:

java如何实现后台自动发邮件功能12-07

PHP简单留言本功能的实现代码08-17

Java 队列实现原理及简单实现代码12-02

java利用反射实现动态代理实现代码11-28

photoshop界面功能教程06-21

介绍photoshop杂色功能11-29

photoshop有哪些功能11-13

PHP及其功能介绍09-26

倒计时大班数学教案11-10

高考倒计时冲刺校长寄语08-13