这个很基础的东西写的过程中出了很多小的错误,在此记录一下。

原生的js。

结构:

<p id="time"></p>

js:

<script>  var start = new Date().getTime();                             //   获取开始时间  var end = new Date("2019-01-22 18:00:00").getTime();          //   设置结束时间  var space = Math.floor((end-start)/1000)                      //   获取时间差值  function countDown(time){    var timer = null;    timer = setInterval(function(){      var day = 0;                                           //    设置默认时间均为0        hour = 0;         minute = 0;        second = 0;      if(time > 0){        day = Math.floor(time / 60 / 60 / 24);        hour = Math.floor(time / 60 / 60 % 24);        minute = Math.floor(time / 60 % 60);        second = Math.floor(time % 60);

        
      //    其中计算时间的这部分代码可以写成如下两种方式:
        day = Math.floor(times / (60 * 60 * 24));        hour = Math.floor(times / (60 * 60)) - (day * 24);        minute = Math.floor(times / 60) - (day * 24 * 60) - (hour * 60);        second = Math.floor(times) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);            //   或者:        
        day = parseInt(times / 60 / 60/ 24);        hour = parseInt(times / 60 / 60 % 24);        minute = parseInt(times / 60 % 60);        second = parseInt(times % 60);
      }

            

            if(minute <= 9){        minute = "0" + minute;      }      if(second <= 9){        second = "0" + second;      }      time--;      document.getElementById("time").innerHTML = "剩余时间是:"+day+"天"+hour+"小时"+minute+"分"+second+"秒";
    },1000)    if(time <= 0){      clearInterval(timer)                                      //    关闭定时器    }  }  countDown(space);
</script>

转载于:https://www.cnblogs.com/ly-qingqiu/p/10304252.html

包含天,时,分,秒的倒计时相关推荐

  1. 计算耗时为微秒的方法(包含:时/分/秒/毫秒/微秒/纳秒)

    计算耗时为微秒的方法1 #include<stdio.h> #include <windows.h> int main() {int a[10002];int i = 0;do ...

  2. JS实现倒计时精确到天数,时,分,秒或者精确到时、分、秒(小时数累加)

    <!DOCTYPE html> <html> <head><meta charset="utf-8"><title>JS ...

  3. java秒转换为年月日_SimpleDateFormat将月/日/年 时分秒转换为年-月-日 时:分:秒

    String expirTime = "12 / 27 / 2018 12: 00: 00 AM"; SimpleDateFormat in = new SimpleDateFor ...

  4. shell高级脚本:“秒”转换为“时-分-秒”;ping

    "秒"转换为"时-分-秒" swap_seconds () {SEC=$1(( SEC < 60 )) && echo -e " ...

  5. [转载] 用python 获取当前时间(年-月-日 时:分:秒),并且返回当前时间的下一秒

    参考链接: Python获取当前时间 获取当前时间,并且返回当前时间的下一秒 因为存在年-月-日 时:分:秒 考虑到用split的方法做的话非常麻烦 所以引入time和datetime模块 当然 也可 ...

  6. Excel计算将时间字符串转换为时间格式 年-月-日 时:分:秒 且计算时间差得到 时分秒 格式

    Excel计算时间差时分秒 今天数据导出处理的时候碰见一个时间格式问题如下: 这个日期数据从数据库里导出来就是字符串了,由于取出来的还有一些很长的编码形式的字段怕被隐没,所以将数据粘贴之前我将exce ...

  7. js将当前时间格式化为年-月-日 时:分:秒

    利用js的Date()对象,将系统当前时间格式化为年-月-日 时:分:秒.也可以自己定义格式.(做项目时遇到这个问题.本来想百度一个用,哎,网上的结果太乱了,于是自己写一个) 代码如下: <!D ...

  8. 汇编语言:以“年/月/日 时:分:秒”的格式,显示当前的日期、时间。

    题目:访问cmos ram,用汇编语言编程,以"年/月/日 时:分:秒"的格式,显示当前的日期.时间. 我编写的程序是用直接写显存的方式,在屏幕中间显示系统的当前时间. 但是,有两 ...

  9. 用python 获取当前时间(年-月-日 时:分:秒),并且返回当前时间的下一秒

    获取当前时间,并且返回当前时间的下一秒 因为存在年-月-日 时:分:秒 考虑到用split的方法做的话非常麻烦 所以引入time和datetime模块 当然 也可以改写成输入一个时间 代码实现 imp ...

  10. Python 获取当前时间 年-月-日-时-分-秒

    Python Version (使用版本): Python 3.7.0 (v3.7.0:1bf9cc5093, Jun 27 2018, 04:06:47) [MSC v.1914 32 bit (I ...

最新文章

  1. Python 用户的三次登录机会
  2. Script that build Dual Stack route
  3. mybatis的快速入门
  4. 三个变量中怎么找出中间值_一文理解神经网络中的偏差和方差
  5. [转载] Python入门(输入/输出、数据类型、条件/循环语句)
  6. TokenInsight:反映区块链行业整体表现的TI指数较昨日同期上涨0.8%
  7. tomcat加入系统服务
  8. php cannot bind port to socket,PHP基于socket实现客户端和服务端通讯功能
  9. Block code execution after alert view is displayed in iOS
  10. BZOJ4602: [Sdoi2016]齿轮(并查集 启发式合并)
  11. MySQL如何建索引以及利用索引优化ORDER BY排序语句
  12. cvSobel() 梯度和Sobel导数
  13. 月光博客:我的知识管理工具列表(强烈推荐收藏)
  14. 总结了一份嵌入式相关开源项目、库、资料
  15. Android apk的安装
  16. java 数组 eqlue_Java源码浅析,Character(3)
  17. 手机坏了,有必要再修吗?
  18. 网易云音乐登录报错 status: 400, body: { code: -460, message: ‘网络太拥挤,请稍候再试!‘ } 解决
  19. POST请求和PUT请求的区别
  20. labspec6教程_LabSpec6软件功能–光谱扫描方式-Horiba.PDF

热门文章

  1. 《Python Cookbook 3rd》笔记(5.15):打印不合法的文件名
  2. easyui 表头合并_JQuery EasyUI DataGrid动态合并(标题)单元) 一
  3. select选中的值_selenium下拉框处理(select)
  4. 使用named_mutex和named_condition配合实现读写锁
  5. 最新,使用truffle框架之后,安装ipfs的api包文件的命令变化
  6. 广州驾校考试实际道路考试注意事项(图)
  7. 安装OpenCL和AMD驱动程序
  8. 创业必经之路——Paul Graham创业曲线
  9. 时间即财富:创业者浪费精力的八个错误
  10. H.264将普及 视频编码讲坛之H.264前世今生