javascript text clock using jQuery


<div id="my_clock"></div>



//before </body>
<script type="text/javascript">
update_clock = function() {
var currentTime = new Date();
var cur_year = currentTime.getYear() + 1900;
var cur_mon = currentTime.getMonth() + 1;

var cur_day = currentTime.getDate();
var cur_hours = currentTime.getHours( );
var cur_mins = currentTime.getMinutes( );
var cur_secs = currentTime.getSeconds( );

//each 5 mins update
if (((cur_mins % 5) == 0) && (cur_secs == 0)) {
location.reload(true);
}

cur_mon = (cur_mon < 10 ? "0" : '') + cur_mon;
cur_day = (cur_day < 10 ? "0" : '') + cur_day;
cur_hours = (cur_hours < 10 ? "0" : '') + cur_hours;
cur_mins = (cur_mins < 10 ? "0" : '') + cur_mins;
cur_secs = (cur_secs < 10 ? "0" : '') + cur_secs;
var clock_str = cur_year + '/' + cur_mon + '/' + cur_day + '  ' + cur_hours + ':' + cur_mins + ':' + cur_secs;

$('#my_clock').html(clock_str);



};

$(document).ready(function() {
setInterval('update_clock()', 1000);
});
</script>

留言