<!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之后,隨機獲取小時數,然后又重新開始倒計時。 無限循環。
