js倒计时代码，距离某天还有多久。

最新推荐文章于 2021-09-12 21:49:59 发布
最新推荐文章于 2021-09-12 21:49:59 发布
阅读量566 收藏 1
点赞数 1
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/shimily/articles/4410378.html
版权 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>

<div>
  <strong id="DD"></strong>天 <strong id="HH"></strong>时 <strong id="MM"></strong>分 <strong id="SS"></strong>秒
</div>

提示：地址栏里要包含需要倒计时的时间：     ?EndTime=2015/4/9 17:57:30

<script language="JavaScript">
<!--  //
  
  function getQueryString(name) {
    var reg =new RegExp("(^|&)"+ name +"=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r !=null) return unescape(r[2]); returnnull;
  }

  var currentDate = new Date();
  var strEndTime = getQueryString("EndTime");//http://www.abc.com/page.html?EndTime=2012/10/23 10:20:30
  var EndTime=new Date(strEndTime);
  
  var days= EndTime - currentDate; 
  EndTimeMsg = parseInt(days / 1000);//精确到秒

  function show() {
    h = Math.floor(EndTimeMsg / 60 / 60);
    m = Math.floor((EndTimeMsg - h * 60 * 60) / 60);
    s = Math.floor((EndTimeMsg - h * 60 * 60 - m * 60));
    document.getElementById("DD").innerHTML = parseInt(h/24);
    document.getElementById("HH").innerHTML = h;
    document.getElementById("MM").innerHTML = m;
    document.getElementById("SS").innerHTML = s;
    EndTimeMsg--;
    if (EndTimeMsg < 0)
    {
        document.getElementById("DD").innerHTML = "0";
        document.getElementById("HH").innerHTML = "00";
        document.getElementById("MM").innerHTML = "00";
        document.getElementById("SS").innerHTML = "00";;
    }
  }
  setInterval("show()", 1000)
  
// -->
</script>

</body>
</html>

 

转载于:https://www.cnblogs.com/shimily/articles/4410378.html

weixin_30547797
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript实现倒计时（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
10-23 781
JavaScript实现倒计时（附完整源码）
用 js 实现倒计时
z__cc的博客
03-20 1858
【操作步骤】 （1) 使用 new Date() 获取当前时间，使用 new 调用一个带有参数的 Date 对象，定义结束的时间，endtime=new Date(2020/8/8)。使用 getTime() 方法获取现在时和结束时距离 1970 年 1 月 1 日的毫秒数。然后，求两个时间差。 把时间差转换为天数、小时数、分钟数和秒数显示。主要是用%取模运算。得到距离结束时间的毫秒数（剩余毫秒数），除以 1000 得到剩余秒数，再除以 60 得到剩余分钟数，再除以 60 得到剩余小时数。除以 24 得到
js实现倒计时
MrHao_的博客
04-29 1669
js实现倒计时： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
JS实现简单的倒计时
热门推荐
第二世界
06-13 5万+
1、第一种 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>www.jb51.net JS倒计时</title> </head> <body> <div id="div"></div&gt...
js实现某年某月某天距离现在有多少天,多少分,多少秒,动态显示!
tom_tom_tom_xiang的博客
06-05 7529
简单描述一下问题：给定一个年月日时分秒，在网页中动态显示，距离今天已经有多少天，多少小时，多少分钟，多少秒. 1.用到的这些jQuery和jscex文件都可以从网上下载，这里不再赘述 2.这里还要引用一个.js文件，是自己写的，方便操作 具体的内容如下：var $win = $(window); var clientWidth = $win.width(); var clientH
js实现倒计时(距离结束还有)示例代码
10-27
本文与大家分享个js实现倒计时的代码，主要实现功能距离结束还有多少时间，感兴趣的朋友可以参考下，希望对大家学习js有所帮助
js防刷新的倒计时代码 js倒计时代码
10-19
本文将详细介绍如何使用JavaScript实现防刷新的倒计时代码。 首先，我们要理解JavaScript倒计时的基本原理。倒计时通常涉及两个关键部分：一是获取剩余时间，二是定时更新显示。在JavaScript中，我们可以使用`...
元旦倒计时代码-javascript
12-09
元旦倒计时代码
js实现倒计时关键代码
12-12
以下将详细解析如何使用JS实现倒计时的关键步骤和代码片段。 首先，我们需要明确倒计时的基本逻辑： 1. **获取当前时间**：在JavaScript中，我们可以使用`Date`对象来获取当前的时间戳。`new Date()`会返回一个...
javascript 判断某年某月有多少天的实现代码 推荐
12-12
一般的做法是先判断是几月份，然后决定有多少天（一般用switch），如果是2月的话，还得判断选择的年份是不是闰年，再决定是28天还是29天。这样是一个很规矩的做法，而且也很符合逻辑。但是，如果是为了达到目的的话，是不用这么麻烦的。JS里面的new Date(“xxxx/xx/xx”)这个日期的构造方法有一个妙处，当你传入的是”xxxx/xx/0″（0号）的话，得到的日期是”xx”月的前一个月的最后一天（”xx”月的最大取值是69，题外话），如果传入”1999/13/0″，会得到”1998/12/31″。而且最大的好处是当你传入”xxxx/3/0″，会得到xxxx年2月的最后一天，它会自动判断当
js实现倒计时代码资源合集
05-29
js倒计时 JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。 js 倒计时是网站开发中常用的功能，也是用户常见的需求，本资源里面详细介绍了如何实现这一功能，有需要的朋友可以下载使用。
倒计时--含源代码计算距离日期
11-02
倒计时软件含源代码 设定一个结束时间，自动显示距离那天的时间。
js编写倒计时-距离开始时间距离结束时间-结束
weixin_33911824的博客
10-12 2069
前言 经过10.1 急急忙忙的上线国庆专题，导致当时没有写一套自动切换时间的，所以让小同事在凌晨的时候替换页面完成，所以节后为了方便以后使用，编写了一套倒计时的小例子， 希望以后在有相似的时候，可以用上。 这个效果主要是利用js 完成 距离活动还有多长时间开始， 距离多长时间 结束，还有活动结束的时候停止。 <div> <p> <span id="t...
JS倒计时,距离某一日期还有多少时间
weixin_30628801的博客
04-25 1716
JS计算从现在到某个时刻还有多少时间,显示当前日期时间距离x年x月x日还有x天x小时x分钟x秒,如果给定时间比当前时间更早,则显示为距离2012-9-30已过去1天22小时26分30秒的格式,如果给定时间比当前时间晚则显示为距离2012-10-3还有1天1小时32分20秒的格式.函数调用方式举例:count_down('2012-10-2');//只给日期count_down('2012-10-2...
js指定日期倒计时，距离五一放假还有多久
Bright2017的博客
01-05 5333
js倒计时 距离今年五一放假还有: // 指定日期倒计时:距离五月一号还有多久 var obj = document.getElementById("clock"); var endTime = new Date(); //设置月份5月1号，参数1十月份，月份是从0开始，参数2是天 //不清楚的可以去看看 http://www.ru
用javascript写的倒计时，从某年某月距离到今天还有多少时间
HUMHSX的专栏
02-22 2288
从现在距离2012年9月10日教师节的倒计时：                      http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">   无标题文档 div{    display:inline;  } var d = ne
For循环-九九乘法表/九九偶数乘法表/九九奇数乘法表
qq_45579661的博客
09-12 783
1.九九乘法表 2.九九偶数乘法表 3.九九奇数乘法表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca
根据日历 计算某一天距离今天多少天，多少小时，多少分钟
Welcome to tikeyc's column
09-14 1万+
//计算距离某一天还有多少时间 目前服务器传过来的时间格式是@"yyyy-MM-dd" //以后可以根据格式进行变化 + (NSDateComponents *)getStartDatetoEndData:(NSString *)endData{ NSDateFormatter *formatter = [[NSDateFormatter alloc] init]; [f
写一段距离高考倒计时的代码
最新发布
06-10
好的，以下是一个简单的 JavaScript 代码实现，用于计算距离高考的倒计时： ```javascript // 设置高考时间，这里示例为 2021 年 6 月 7 日 9 点 const examDate = new Date(2021, 5, 7, 9); // 获取当前时间 const now = new Date(); // 计算距离高考的时间差（单位：毫秒） const diff = examDate.getTime() - now.getTime(); // 计算倒计时天数、小时数、分钟数和秒数 const days = Math.floor(diff / (1000 * 60 * 60 * 24)); const hours = Math.floor((diff / (1000 * 60 * 60)) % 24); const minutes = Math.floor((diff / (1000 * 60)) % 60); const seconds = Math.floor((diff / 1000) % 60); // 输出倒计时信息 console.log(`距离高考还有 ${days} 天 ${hours} 小时 ${minutes} 分钟 ${seconds} 秒`); ``` 你需要将 `examDate` 变量设置为你所在地区的高考时间，然后运行代码就可以计算出距离高考的倒计时了。该代码会输出一个字符串，包含距离高考的天数、小时数、分钟数和秒数。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值