幾行代碼輕松實現(xiàn)PHP文件打包下載zip
805
2024-01-10
本文實例為大家分享了jquery倒計時功能的實現(xiàn)代碼，供大家參考，具體內(nèi)容如下
定義和用法：
setInterval() 方法可按照指定的周期（以毫秒計）來調(diào)用函數(shù)或計算表達式。
setInterval() 方法會不停地調(diào)用函數(shù)，直到 clearInterval() 被調(diào)用或窗口被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。
下面舉例
<html>
<head>
<meta charset="utf-8">
<title>jquery簡單倒計時</title>
</style>
<script type="text/javascript" src="http://www.gimoo.net/t/1904/js/jquery.min.js"></script>
<script type="text/javascript">
var intDiff = parseInt(60);//倒計時總秒數(shù)量
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>網(wǎng)頁上的倒計時</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>
希望本文所述對大家學習jquery程序設計有所幫助。
