Definisi dan penggunaan
Kaedah setInterval() boleh memanggil fungsi atau mengira ungkapan mengikut tempoh yang ditentukan (dalam milisaat).
Kaedah setInterval() akan terus memanggil fungsi sehingga clearInterval() dipanggil atau tetingkap ditutup. Nilai ID yang dikembalikan oleh setInterval() boleh digunakan sebagai hujah kepada kaedah clearInterval().
Contoh di bawah
<html> <head> <meta charset="utf-8"> <title>jquery简单倒计时</title> </style> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript"> var intDiff = parseInt(60);//倒计时总秒数量 function timer(intDiff) { window.setInterval(function() { var day = 0, hour = 0, minute = 0, second = 0;//时间默认值 if (intDiff > 0) { day = Math.floor(intDiff / (60 * 60 * 24)); hour = Math.floor(intDiff / (60 * 60)) - (day * 24); minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60); second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60); } if (minute <= 9) minute = '0' + minute; if (second <= 9) second = '0' + second; $('#day_show').html(day + "天"); $('#hour_show').html('<s id="h"></s>' + hour + '时'); $('#minute_show').html('<s></s>' + minute + '分'); $('#second_show').html('<s></s>' + second + '秒'); intDiff--; }, 1000); } $(function() { timer(intDiff); }); </script> </head> <body> <h1>网页上的倒计时</h1> <div class="time-item"> <span id="day_show">0天</span> <strong id="hour_show">0时</strong> <strong id="minute_show">0分</strong> <strong id="second_show">0秒</strong> </div> <!--倒计时模块--> </body> </html>
Saya harap artikel ini akan membantu semua orang yang mempelajari pengaturcaraan jquery.