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

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

  1. <input name="showtimesend" countDown="{{act_id}}" value="{{end_time}}" style="display:none;">
  1. <span class="am-text-primary" id="{{act_id}}"></span>
  1. function show_cur_times(act_id){
  2. $("[countDown]").each(function (index, element){
  3. var countDown = $(element).attr('countDown');
  4. $('#' + countDown).html(toCountDown($(element).val()));
  5. });
  6. }
  7.  
  8. function toCountDown(cur_time){
  9. var timestamp=new Date().getTime();
  10. var timestampend = (cur_time * 1000) - timestamp;
  11. var newTime = new Date(timestampend);
  12. var day=Math.floor(timestampend/(24*3600*1000));
  13. //计算出小时数
  14. var leave1=timestampend%(24*3600*1000); //计算天数后剩余的毫秒数
  15. var hours=Math.floor(leave1/(3600*1000));
  16. //计算相差分钟数
  17. var leave2=leave1%(3600*1000); //计算小时数后剩余的毫秒数
  18. var minutes=Math.floor(leave2/(60*1000));
  19. //计算相差秒数
  20. var leave3=leave2%(60*1000); //计算分钟数后剩余的毫秒数
  21. var seconds=Math.round(leave3/1000);
  22. return day+"天"+hours+"时"+minutes+"分"+seconds+"秒";
  23. }
  24.  
  25. //设置1秒调用一次show_cur_times函数
  26. setInterval(show_cur_times,1000);

js戳和php戳时间换算的更多相关文章

  1. 程序设计入门——C语言 第2周编程练习 1时间换算(5分)

    1 时间换算(5分) 题目内容: UTC是世界协调时,BJT是北京时间,UTC时间相当于BJT减去8.现在,你的程序要读入一个整数,表示BJT的时和分.整数的个位和十位表示分,百位和千位表示小时.如果 ...

  2. 网易云课堂_程序设计入门-C语言_第二周:判断_1时间换算

    1 时间换算(5分) 题目内容: UTC是世界协调时,BJT是北京时间,UTC时间相当于BJT减去8.现在,你的程序要读入一个整数,表示BJT的时和分.整数的个位和十位表示分,百位和千位表示小时.如果 ...

  3. C++编程音视频库ffmpeg的pts时间换算方法

    ffmpeg中的pts,dts,duration时间记录都是基于timebase换算,我们主要分析下pts的时间怎么换算,其它的是一样的换算.ffmpeg的时间换算对许多新接触同学算是一个大坑,很多刚 ...

  4. js中时间戳转换成时间格式

    js中时间戳转换成时间格式, // 时间戳转换成时间格式 var formatDate = function(date){ date = new Date(date); var y=date.getF ...

  5. Oracle时间换算:日,月,周数,星期,年

    http://blog.csdn.net/liangweiwei130/article/details/37930383 Oracle时间换算,留做记号!

  6. 中国大学MOOC-C程序设计(浙大翁恺)—— 时间换算

    时间换算(10分) 题目内容: UTC是世界协调时,BJT是北京时间,UTC时间相当于BJT减去8.现在,你的程序要读入一个整数,表示BJT的时和分.整数的个位和十位表示分,百位和千位表示小时.如果小 ...

  7. easyui时间控件用js实时获取选定的时间的取法

    easyui时间控件用js实时获取选定的时间的取法var   datetime=$("#id").datetimebox("getValue");不能用 $(& ...

  8. js获取当地时间并且拼接时间格式的三种方式

    js获取当地时间并且拼接时间格式,在stackoverflow上有人在问,查了资料,各种方法将时间格式改成任意自己想要的样式. 1. var date = new Date(+new Date()+8 ...

  9. 中国MOOC_零基础学Java语言_第2周 判断_1时间换算

    第2周编程题 查看帮助 返回   第2周编程题 依照学术诚信条款,我保证此作业是本人独立完成的. 温馨提示: 1.本次作业属于Online Judge题目,提交后由系统即时判分. 2.学生可以在作业截 ...

  10. js 获取开始时间和结束时间相隔小时及分钟(时间戳操作)

    js 获取开始时间和结束时间相隔小时及分钟(时间戳操作) 场景描述:获取开始时间和结束时间相隔小时及分钟 实例: TimeOnConfirm(curDate) { if(this.pickernum ...

随机推荐

  1. soapUI参数中文乱码问题解决方法 (groovy脚本中文乱码)

    soapUI参数中文乱码问题解决方法 可能方案1: 字体不支持中文,将字体修改即可: file-preferences-editor settings-select font 修改字体,改成能显示中文 ...

  2. 深入理解Azure自动扩展集VMSS(3)

    在实际使用过程当中,使用VMSS有一些最佳实践的建议和限制,便于你在做自动扩展设计的时候进行考虑: 关于VMSS 如果你使用的是系统镜像,一个扩展集中虚拟机数量不能超过100 无论是在ASM还是ARM ...

  3. C语言-cout<<"123"<<"45"<<endl;

    VC中头文件为:#include <iostream.h> 这个在c中没有.是C++引进的. cout<头文件#include中printf()类似. 只是不需要标明数据类型. en ...

  4. hdu 1255 覆盖的面积

    http://acm.hdu.edu.cn/showproblem.php?pid=1255 #include <cstdio> #include <cstring> #inc ...

  5. DJANGO学习一则

    这个WEB框架,可以好好研究,相信很快就会用在工作上的. 相关文件: settings.py """ Django settings for djangoweb proj ...

  6. linux下netstat命令详解

    简介 Netstat 命令用于显示各种网络相关信息,如网络连接,路由表,接口状态 (Interface Statistics),masquerade 连接,多播成员 (Multicast Member ...

  7. 如何判断是REQUEST请求是来自移动终端还是来自PC端

    public bool IsMoblie()        {            string agent = (Request.UserAgent + "").ToLower ...

  8. 使用Windows USB-DVD制作U盘启动安装系统盘

    第一步:到如下所示的地址下载所需要的*.iso系统镜像文件. http://msdn.itellyou.cn/ 第二步:下载Windows USB-DVD工具 https://www.microsof ...

  9. 重载operator new实现检测内存泄漏是否可行

    行与不行,就凭我这水平,说出来未免显示太过自大.不还,我还想根据自己的代码来讨论这个问题. 重载operator new来检测内存只的办法,那就是在new的时候记录指针地址及文件名.行号,在delet ...

  10. [转]Binarized Neural Networks_ Training Neural Networks with Weights and Activations Constrained to +1 or −1

    原文: 二值神经网络(Binary Neural Network,BNN) 在我刚刚过去的研究生毕设中,我在ImageNet数据集上验证了图像特征二值化后仍然具有很强的表达能力,可以在检索中达到较好的 ...