php+js实现倒计时功能

时间:2023-11-12 17:16:29 

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

标签:js,时间戳
0
投稿

猜你喜欢

  • 关注前端开发流程

    2009-12-31 17:38:00
  • python 上下文管理器及自定义原理解析

    2023-01-24 20:07:55
  • Python pandas中read_csv参数示例详解

    2021-05-14 06:17:12
  • 关于Python中模块的简介、定义与使用

    2021-01-25 16:09:29
  • Python测试框架pytest核心库pluggy详解

    2023-11-01 23:02:08
  • 如何用Python实现自动发送微博

    2021-04-05 22:47:32
  • 对python中list的拷贝与numpy的array的拷贝详解

    2023-06-13 02:18:35
  • mysql中的replace函数替换字符串问题

    2024-01-25 16:30:47
  • antd table按表格里的日期去排序操作

    2024-04-28 10:55:56
  • python实现图像降噪

    2022-03-09 06:36:38
  • python求素数示例分享

    2021-06-16 12:01:48
  • python导入时小括号大作用

    2021-09-07 19:11:09
  • CSS布局之浮动(一)两列布局

    2008-08-18 21:24:00
  • 基于Bootstrap实现Material Design风格表单插件 附源码下载

    2024-05-03 15:33:11
  • Python曲线拟合详解

    2023-12-29 05:54:50
  • Javascript学习第一季 一

    2008-06-24 17:51:00
  • sysbench的安装与使用 分享

    2024-01-17 08:41:19
  • sql server 2008 r2 express 精简版与企业版的区别

    2024-01-25 19:53:28
  • IronPython连接MySQL的方法步骤

    2024-01-27 05:43:05
  • 详解Python中list[::-1]的几种用法

    2021-10-12 23:51:40
  • asp之家 网络编程 m.aspxhome.com