关于JS倒计时

最新推荐文章于 2023-12-25 11:55:05 发布
最新推荐文章于 2023-12-25 11:55:05 发布
阅读量537 收藏
点赞数
分类专栏： IT
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangfeixien/article/details/15334871
版权
<script type="text/javascript" language="javascript">
              function CurrTime() {
                      var count = 30;
                      var str = "";
                     
                      if (count * 60 != 0) {
                              var temp = count / 60 + "";
                              temp = temp.split(".");
                              str = "0" + temp[0] + ":" + ((count % 60 - 1) > 9 ? count % 60 - 1 + "" : "0" + (count % 60 - 1)) + ":" + "59";
                      } else {
                              str = "0" + ((count / 60 > 1) ? (count / 60 - 1) : 0) + ":" + 59 + ":" + "59";
                      }
                      document.getElementByIdx_x("currTime").innerHTML = str;
                      setTimeout(uceOneSec, 1000);
              }
              function uceOneSec() {
                      var currTime = document.getElementByIdx_x("currTime");
                      var tempTime = currTime.innerHTML.split(":");
                      var hour = tempTime[0];
                      var minute = tempTime[1];
                      var second = tempTime[2];
                      if (second >= 1) {
                              second = (second - 1 > 9) ? (second - 1) : "0" + (second - 1);
                      }
                      else {
                              second = 59;
                              if (minute >= 1) {                                     
                                      minute = (minute - 1 > 9) ? ( minute - 1) : "0" + (minute - 1);
                              }
                              else {
                                      if (hour >= 1) {
                                              minute = 59;
                                              hour = (hour - 1 > 9) ? (hour - 1) : "0" + (hour - 1);
                                              //                                              alert(hour+":"+minute) ;
                                      }
                                      else {
                                              minute = 00;
                                              hour = "0" + 0;
                                      }
                              }
                      }
                     
                      document.getElementByIdx_x("currTime").innerHTML = hour + ":" + minute + ":" + second;
                      if (hour == 0 && minute == 0 && second == 0) {
                              alert("时间到了！");
                      } else {
                              setTimeout(uceOneSec, 1000);
                      }
              }
      </script>
</head>
<body onload ="CurrTime()">
杨_飞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javaScript实现倒计时功能
qq_65715980的博客
07-08 1万+
目录一、主要思路二、css样式三、html代码四、js内容五、完整代码展示六、效果展示1.通过内置时间函数实例化日期对象获取当前时间 new Date。2.因为时间无法减去时间，有可能生成负数，所以采用时间戳的方法得到毫秒数形式的剩余时间，然后再把剩余时间转换为天、时、分、秒格式。3.最后把所获得的内容赋值给定义的变量。主要为了内容在页面展示美观，稍微美化一下。 三、html代码 定义一个默认格式为JavaScript引入定义变量。 四、js内容 1.首先获取html里面的spans里的全部标签
js倒计时算法
fine1998_的博客
06-01 1107
目录一、Data对象二、时间戳三、封装倒计时函数 Data对象是js的内置对象，它本质上是一个构造函数，表示时间这一大类，包括年月日时分秒等。起始时间：1970年1月1日。Date对象包括的方法： 作用：获取Date对象距离1970年1月1日的总毫秒数。获取方法： 结果： 结果： 注意：函数封装的参数应给Date对象，才能获得完整的时间戳。
html js倒计时不准确,关于JS倒计时的问题
weixin_35146121的博客
06-24 673
@Hello_World20 说的就是正确的，js里要准确计时只能用Date的时间戳按题主的代码改了下，应该就是题主想要的效果了毫秒的倒计时var countdown = function(gid,time,starttime){if (!starttime) starttime = Date.now();try {var _time = time + starttime - Date.now()...
js倒计时js倒计时
lipengaccp的博客
06-07 344
js倒计时
js实现天时分秒倒计时
qq_42961150的博客
10-13 1097
很久很久没更新文章啦！很久没来了，没想到粉丝都增加到了100多了，排名还没怎么减，感觉每一位支持我的小伙伴。今天还是记录点东西吧，我在过去的三个月里面，也记录了很多文章内容，我会尽量抽出时间写成博文和大家分享。话不多说，进入正题，今天分享一段js代码：实现一个简单的倒计时（n天n时n分n秒），内容比较基础，但是往往我们缺少的其实就是基础的东西。
JS新年倒计时
不迁怒，不贰过。小知识，大智慧。
12-11 1万+
JS新年倒计时
JS 倒计时15分钟
weixin_42941628的博客
12-25 592
【代码】JS 倒计时15分钟。
js 倒计时
初心
09-22 527
【代码】js 倒计时。
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倒计时效果
m0_51614469的博客
08-03 629
js倒计时效果 定时器 setInterval
javascript 倒计时代码
10-29
JavaScript 倒计时代码详解 在本篇文章中，我们将深入探讨 JavaScript 倒计时代码的实现 principio 和应用场景。通过分析给定的代码，我们将了解到倒计时代码的基本结构、计时机制、显示...* JavaScript倒计时应用场景
JavaScript实现倒计时
12-14
<title>JavaScript倒计时 <div id="countdown"></div> <script src="countDown.js"> ``` 5. 结合图片资源： `countDown.png`可能用于美化倒计时显示，例如作为背景图像或倒计时图标。在CSS中，我们...
简单实现JS倒计时效果
11-27
在JavaScript中，倒计时是一种常见的功能，常用于事件预告或者特定时间的提醒。本篇文章将探讨如何使用JS实现一个简单的倒计时效果。 首先，我们看标题和描述中的示例代码，这是一个基本的HTML文件，包含了一个...
带铃声报警音乐js倒计时
06-24
【标题】"带铃声报警音乐js倒计时"是一个基于JavaScript实现的倒计时功能，它具有一个独特的特点：当倒计时结束时，会播放预设的报警铃声音效，为用户提供一种视觉和听觉上的提示。这种功能常用于网站、网页应用或者...
javascript 实现网页 倒计时 代码
01-08
<title>JavaScript倒计时 <h1 id="countdown"></h1> <script src="js/countdown.js"> ``` 在`js`文件夹中的`countdown.js`文件应该包含上述的JavaScript代码。 这个基本的倒计时功能可以适应大多数需求，但...
udp分片报文pcap文件
07-18
udp分片报文pcap文件：64kudp大包分成每片658字节总计100片
计算机教学导案.doc
07-18
计算机
摩根：2024年大市前瞻.pdf
最新发布
07-18
摩根：2024年大市前瞻
计算机控制专业技术专题实习任务书温度控制.doc
07-18
计算机
javascript倒计时
12-12
以下是一个JavaScript倒计时的例子： ```javascript // 获取所有的span元素 var spans = document.querySelectorAll('span'); // 设置倒计时结束时间 var endTime = new Date('2022-10-1 12:00:00').getTime(); //...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值