2025年3月21日 星期五 甲辰(龙)年 月廿 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

js无限循环倒计时

时间:11-01来源:作者:点击数:116

这个功能是这样的,倒计时为0之后,随机获取小时数,然后又重新开始倒计时。 无限循环。

  • <!DOCTYPE html>
  • <html>
  • <head>
  • <meta charset="UTF-8">
  • <title></title>
  • <!--1.引入jq-->
  • <script src="http://code.jquery.com/jquery-latest.js"></script>
  • </head>
  • <body>
  • <div id="huodong" class="time-style">
  • <span id="timeid2" class="t-hour">15</span>小时
  • <span id="timeid3" class="t-minute">0</span>
  • <span id="timeid4" class="t-second">0</span>
  • </div>
  • </body>
  • <!--3.倒计时js-->
  • <script type="text/javascript">
  • var minute = "1";
  • var second = 59;
  • var hours = Math.floor(Math.random() * 10);
  • $("#timeid2").text(hours);
  • setInterval(function () {
  • second--;
  • if (second == 00 && minute == 00) {
  • minute = 1;
  • second = 59;
  • var hours = Math.floor(Math.random() * 10);
  • $("#timeid2").text(hours);
  • };
  • //当分钟和秒钟都为00时,重新给值
  • if (second == 00) {
  • second = 59;
  • minute--;
  • if (minute < 10) minute = "0" + minute;
  • };
  • //当秒钟为00时,秒数重新给值
  • if (second < 10) second = "0" + second;
  • $("#timeid3").text(minute);
  • $("#timeid4").text(second);
  • }, 1000);
  • </script>
  • </html>

 

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门