js无限循环倒计时
时间：2024年02月14日
编辑：佚名
js无限循环倒计时代码案例
复制代码
<!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>
复制代码
这个功能是这样的，倒计时为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>
复制代码
这个功能是这样的，倒计时为0之后，随机获取小时数，然后又重新开始倒计时，无限循环。
相关文章
猜你需要
