zoukankan      html  css  js  c++  java
  • js戳和php戳时间换算

    问题:剩余多少时间,如果只用php来输出,却看不到动态效果。
    解决办法,利用获取的时间减去当前时间js 时间格式转换
    php时间商品距离秒杀时间的天数时分秒
    <input name="test01" value="1472572800/×当天开始时间的×/">
    <div id="showtimes" ></div>
    function show_cur_times(){
    //获取当前日期
        var date_time = new Date();
        var cur_time =$("[name='test01']").val()*1000;获取的时间戳是把毫秒改成000显示
        var timestamp=new Date().getTime();
        var timestampend = cur_time - timestamp;
        var newTime = new Date(timestampend);
    
        var day=Math.floor(timestampend/(24*3600*1000));
        //计算出小时数
        var leave1=timestampend%(24*3600*1000);     //计算天数后剩余的毫秒数
        var hours=Math.floor(leave1/(3600*1000));
        //计算相差分钟数
        var leave2=leave1%(3600*1000);        //计算小时数后剩余的毫秒数
        var minutes=Math.floor(leave2/(60*1000));
    
        //计算相差秒数
      var leave3=leave2%(60*1000);          //计算分钟数后剩余的毫秒数
      var seconds=Math.round(leave3/1000);
    
        var date_str = day+"天"+hours+"时"+minutes+"分"+seconds+"秒";
        //显示在id为showtimes的容器里
        document.getElementById("showtimes").innerHTML= date_str;
    }
    
    //设置1秒调用一次show_cur_times函数
    setInterval(show_cur_times,1000);
    动态
    67天12时10分21秒

     遇到的问题:碰到循环的如何解决,每个值不能存在相同id

    <input name="showtimesend" countDown="{{act_id}}" value="{{end_time}}" style="display:none;">
    <span class="am-text-primary" id="{{act_id}}"></span>
    function show_cur_times(act_id){
        $("[countDown]").each(function (index, element){
            var countDown = $(element).attr('countDown');
            $('#' + countDown).html(toCountDown($(element).val()));
        });
    }
    
    function toCountDown(cur_time){
        var timestamp=new Date().getTime();
        var timestampend = (cur_time * 1000) - timestamp;
        var newTime = new Date(timestampend);
        var day=Math.floor(timestampend/(24*3600*1000));
        //计算出小时数
        var leave1=timestampend%(24*3600*1000);     //计算天数后剩余的毫秒数
        var hours=Math.floor(leave1/(3600*1000));
        //计算相差分钟数
        var leave2=leave1%(3600*1000);        //计算小时数后剩余的毫秒数
        var minutes=Math.floor(leave2/(60*1000));
        //计算相差秒数
        var leave3=leave2%(60*1000);          //计算分钟数后剩余的毫秒数
        var seconds=Math.round(leave3/1000);
        return day+"天"+hours+"时"+minutes+"分"+seconds+"秒";
    }
    
    //设置1秒调用一次show_cur_times函数
    setInterval(show_cur_times,1000);
  • 相关阅读:
    ORA-12543: TNS:destination host unreachable
    Visual Studio 2008 连接云端 visualstudio.com
    将博客搬至CSDN
    Shiro 系列笔记(一)
    Centos 6.7 安装jdk
    Centos service启动失败原因--权限问题
    form表单提交的ajax形式
    slf4j与mybatis结合显示sql
    Docker 部署 redis教程,附带部分小建议,防止踩坑
    Android中的EditText默认时不弹出软键盘的方法
  • 原文地址:https://www.cnblogs.com/lemonphp/p/5613778.html
Copyright © 2011-2022 走看看