JavaScript 代码
　　
　　<script type="text/javascript">
　　
　　var time_start = new Date('2018','7','15');//开始时间，注意！！！如果从8月15开始，月份就是7月15
　　
　　var clock_start = time_start.getTime();
　　
　　//计算时间差
　　
　　function get_time_spent() {
　　
　　var time_now = new Date();
　　
　　return ((time_now.getTime() - clock_start));
　　
　　}
　　
　　function get_times() {
　　
　　var i_total_secs = Math.round(get_time_spent());
　　
　　//计算出相差天数
　　
　　var days = Math.floor(i_total_secs / (24 * 3600 * 1000))
　　
　　//计算出小时数
　　
　　var leave1 = i_total_secs % (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)
　　
　　if (seconds.toString(www.mhylpt.com).length == 1) {
　　
　　seconds = '0' + seconds;
　　
　　}
　　
　　console.log(days + '天' + hours + '个小时' + minutes + '分钟' + seconds + '秒');
　　
　　document.getElementById('timer').innerHTML="<div>" + days + " <span>天</span></div>" +
　　
　　"<div>" + hours + " <span>小时</span></div>" +
　　
　　"<div>" + minutes + " <span>分钟<www.huayi157.com /span></div>" +
　　
　　"<div>" + seconds + " <span>秒<www.myzx1.com /span></div>"
　　
　　window.setTimeout('show_secs()', 1000); //每隔1s刷新一次input里的值
　　
　　}
　　
　　</script>
　　
　　HTML代码
　　
　　<body onload=" window.setTimeout('get_times()',1);">
　　
　　<div id="timer">
　　
　　<div>296 <span>天</span></div>
　　
　　<div>23 <span>小时</span></div>
　　
　　<div>32 <span>分钟</span></div>
　　
　　<div>01 <span>秒</span></div>
　　
　　</div>
　　
　　</body>
　　
　　2、倒计时
　　
　　JavaScript代码
　　
　　<script type="text/javascript">
　　
　　//获取截至时间
　　
　　const endTime = new Date("2019/10/21 00:00:00").getTime();
　　
　　let timer = setInterval(function() {
　　
　　const today = new Date().getTime();
　　
　　// 获取时间差
　　
　　const timer = endTime - today;
　　
　　// 获取天数、月数、分钟数、秒数
　　
　　let days = Math.floor(timer / (1000 * 60 * 60 * 24));
　　
　　let hours = Math.floor((timer % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
　　
　　let minutes = Math.floor((timer % (1000 * 60 * 60)) / (1000 * 60));
　　
　　let seconds = Math.floor(www.enzuo178.com(timer % (1000 * 60)) / 1000);
　　
　　if(days <=0){
　　
　　document.getElementById(www.tiaotiaoylzc.com'days').innerHTML=0;
　　
　　document.getElementById('hours').innerHTML=0;
　　
　　document.getElementById(www.dfzx157.com'minutes'www.dfgjpt.com).innerHTML=0;
　　
　　document.getElementById('seconds'www.yongshi123.cn).innerHTML=0;
　　
　　}else{
　　
　　document.getElementById('days').innerHTML=days;
　　
　　document.getElementById('hours').innerHTML=hours;
　　
　　document.getElementById('minutes').innerHTML=minutes;
　　
　　document.getElementById('seconds'www.yongshiyule178.com).innerHTML=seconds;
　　
　　}
　　
　　}, 1000);
　　
　　</script>
　　
　　HTML代码
　　
　　<div>
　　
　　<span id="days"></span>天
　　
　　<span id="hours"></span>小时
　　
　　<span id="minutes"></span>分
　　
　　<span id="seconds"></span>秒
　　
　　</div>

Javascript实现倒计时和根据某时间开始计算时间的更多相关文章

  1. javascript 体验倒计时：距离国庆还有多长时间

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. javascript的倒计时功能中newData().getTime()在iOS下会报错问题解决

    javascript的倒计时功能中newData().getTime()在iOS下会报错问题解决 在做移动端时间转化为时间戳时,遇到了一个问题,安卓手机上访问时,能拿到时间戳,从而正确转换时间,而在i ...

  3. 用Javascript 实现倒计时

    用Javascript 实现倒计时<!DOCTYPE html> <html lang="en"> <head> <meta charse ...

  4. JS倒计时,距离某一日期还有多少时间

    JS计算从现在到某个时刻还有多少时间,显示当前日期时间距离x年x月x日还有x天x小时x分钟x秒,如果给定时间比当前时间更早,则显示为距离2012-9-30已过去1天22小时26分30秒的格式,如果给定 ...

  5. JavaScript把客户端时间转换为北京时间

    写在前面 写了一遍又一遍,网页老卡住,没保存下来,不写了. 时间转换代码 //获得北京时间 Date.prototype.getBJDate = function () { //获得当前运行环境时间 ...

  6. 转自文翼的博客：将本地时间转换为 GMT 时间

    在写 RSS 订阅接口的时候,发现最终输出文章的 RSS 时间(GMT时间),在本地上显示的时间和在服务器上显示的时间不一致. 原因是时区不一致,那么在 JavaScript 中,如何将时间转换为统一 ...

  7. 时间：UTC时间、GMT时间、本地时间、Unix时间戳

    转自:http://blog.csdn.net/u012102306/article/details/51538574 1.UTC时间 与 GMT时间 我们可以认为格林威治时间就是时间协调时间(GMT ...

  8. [转帖]UTC时间、GMT时间、本地时间、Unix时间戳

    UTC时间.GMT时间.本地时间.Unix时间戳 https://www.cnblogs.com/xwdreamer/p/8761825.html 引用: https://blog.csdn.net/ ...

  9. js 当前时间和对比时间的比较

    <!DOCTYPE><html> <head> <meta charset="utf-8" /> <title>功能:当 ...

随机推荐

  1. Linux下MySQL安装与操作

    sudo apt-get update //用于更新源,获取软件包列表 sudo apt-get upgrade //用于升级指定软件包 install //安装 remove //移除软件包 aut ...

  2. C# winform 设置WebBowser 内核版本

    一种是在网页头部 用 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 使用当前浏览器最新 ...

  3. 网络对抗技术 2017-2018-2 20152515 Exp3 免杀原理与实践

    基础问题回答 (1)杀软是如何检测出恶意代码的? 答:分析恶意程序的行为特征,分析其代码流将其性质归类于恶意代码. (2)免杀是做什么? 答:一般是对恶意软件做处理,让它不被杀毒软件所检测,也是渗透测 ...

  4. POJ 1988&&2236

    并查集,如果只是朴素的路径压缩,那么也就是一句话的事情. 但是,一般都没有这种仁慈的裸题(假的,多了去了) 1988:带权并查集,贼鸡儿像Luogu的那道杨威利的并查集(好像是叫银河英雄传说) 开两个 ...

  5. python基础学习1-列表使用

    python 列表相关操作方法 namelist = ['a','b','c','d','1','2','3','4'] namelist1 = ['a','b','c','d','1','2','3 ...

  6. PowerBI开发 第二篇：数据建模

    在分析数据时,不可能总是对单个数据表进行分析,有时需要把多个数据表导入到PowerBI中,通过多个表中的数据及其关系来执行一些复杂的数据分析任务,因此,为准确计算分析的结果,需要在数据建模中,创建数据 ...

  7. Spark内存管理

    本文基于Spark 1.6.0之后的版本 Spark 1.6.0引入了对堆外内存的管理并对内存管理模型进行了改进,SPARK-11389. 从物理上,分为堆内内存和堆外内存:从逻辑上分为executi ...

  8. C# Language Specification 5.0 （翻译）第三章 基本概念

    应用程序启动 拥有进入点(entry point)的程序集称应用程序(application).当运行一应用程序时,将创建一新应用程序域(application domain).同一个应用程序可在同一 ...

  9. cocos2d-x学习之路（二）——分析AppDelegate和HelloWorldScene文件

    这里我们来看一下cocos自动给我们生成的工程里有些什么东西,并且分析一下这些代码的用途,来为我们以后编写cocos程序铺下基础. 这里我建议看我这份随笔的看官先看看cocos官网的快速入门手册,不然 ...

  10. 2019大疆PC软件开发笔试——开关和灯泡两个电路板

    题目描述: 小A是一名DIY爱好者,经常制作一些有趣的东西. 今天,小A突然想要来做这样一个东西.小A现在有两块同样大小为n×m,有n×m块大小为1×1小电路板拼成的矩形电路板,假设叫做电路板A和电路 ...