当前位置: 首页 > 编程笔记 >

php+js实现倒计时功能

阎庆
2023-03-14
本文向大家介绍php+js实现倒计时功能,包括了php+js实现倒计时功能的使用技巧和注意事项,需要的朋友参考一下

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 id="time_show_{$list.cmd_id}"></div>
 <input type="hidden"  for="{$list.cmd_id}" value="{$list.time_val}" />

 类似资料:
  • 本文向大家介绍简单实现js倒计时功能,包括了简单实现js倒计时功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js倒计时的具体代码,主要使用了JS的Date对象和定时器setInterval,供大家参考,具体内容如下 更多关于倒计时的文章请查看专题:《倒计时功能》 更多JavaScript时钟特效点击查看:JavaScript时钟特效专题 以上就是本文的全部内容,希望对大家的学习

  • 本文向大家介绍js实现京东秒杀倒计时功能,包括了js实现京东秒杀倒计时功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js实现京东秒杀倒计时功能的具体代码,供大家参考,具体内容如下 首先给大家看看效果图,因为是做的移动端的,所以放大给大家看看局部就行: 关于实现京东秒杀,之前用过其他的方法,今天给大家分享一个原生的方法吧,不会很难. 1、倒计时页面结构: 2、css样式:这个是用

  • 本文向大家介绍php实时倒计时功能实现方法详解,包括了php实时倒计时功能实现方法详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了php实时倒计时功能实现方法。分享给大家供大家参考,具体如下: 这几天公司要做一个限时购物的功能.这就要做到倒计时,要有实时的倒计时. 要求: 1) 要有小时分钟秒的实时倒计时的显示 2)用户端修改日期时间不会影响到倒计时的正常显示(也就是以服务器时间为准)

  • 本文向大家介绍Unity实现倒计时功能,包括了Unity实现倒计时功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Unity实现倒计时功能的具体代码,供大家参考,具体内容如下 有两种思路可以实现倒计时,一个是Update,另一个是协程。这里只展示核心的算法思路,有收获的还请点个赞哦 Update 首先定义三个变量,访问权限按需求设置: 思路: 首先用GameTime初始化Time

  • 本文向大家介绍Android实现订单倒计时功能,包括了Android实现订单倒计时功能的使用技巧和注意事项,需要的朋友参考一下 先上效果图 1.activity_main.xml 2.MainActivity.class 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍Android 实现列表倒计时功能,包括了Android 实现列表倒计时功能的使用技巧和注意事项,需要的朋友参考一下 单个计时器,然后遍历数据 刷新条目; 两种实现方式:1、Handler轮询; 2、子线程睡眠(时间到后 移除列表中的条目会有问题); 代码很简单,没有任何难度,列表使用 RecyclerView+BaseRecyclerViewAdapterHelper实现;  Ge