原文:http://www.cnphp6.com/archives/127252
jquery.time.js源码如下(源码来自网络):
(function($){
$.fn.countDown = function(secs) {
secs = parseInt(secs);
var timeId,
me = $(this),
HMSObj,
HMSHtml = '<span><span class="time-border">#HH#</span></span>' +
'<span>:</span>' +
'<span><span class="time-border">#MM#</span></span>' +
'<span>:</span>' +
'<span><span class="time-border">#SS#</span></span>';
var timeId = setInterval(function(){
HMSObj = $.secsToHMS(secs);
me.html(HMSHtml.replace('#HH#', HMSObj.H).replace('#MM#', HMSObj.M).replace('#SS#', HMSObj.S));
secs--;
if(secs < 0) {
clearInterval(timeId);
}
}, 1000);
};
$.extend({
secsToHMS : function(secs) {
var H = '00',
M = '00',
S = '00';
H = $.formatTimeDouble(parseInt(secs/3600));
secs %= 3600;
M = $.formatTimeDouble(parseInt(secs/60));
secs %= 60;
S = $.formatTimeDouble(parseInt(secs));
return {
H : H,
M : M,
S : S
}
},
formatTimeDouble: function(time) {
return 10 <= time ? time :
time > 0 ? '0' + time : '00';
}
});
})($);
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="js/jquery.time.js"></script>
<script type="text/javascript">
$(function() {
$("#time").countDown(10);
});
</script>
</head>
<body>
<div id="time"></div>
</body>
</html>