You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.6 KiB
38 lines
1.6 KiB
/**
|
|
Copyrights
|
|
http://www.alessioatzeni.com/wp-content/tutorials/jquery/CSS3-digital-clock/index.html
|
|
**/
|
|
$(document).ready(function() {
|
|
// Create two variable with the names of the months and days in an array
|
|
var monthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ];
|
|
var dayNames= ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]
|
|
|
|
// Create a newDate() object
|
|
var newDate = new Date();
|
|
// Extract the current date from Date object
|
|
newDate.setDate(newDate.getDate());
|
|
// Output the day, date, month and year
|
|
$('#clock-date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());
|
|
|
|
setInterval( function() {
|
|
// Create a newDate() object and extract the seconds of the current time on the visitor's
|
|
var seconds = new Date().getSeconds();
|
|
// Add a leading zero to seconds value
|
|
$("#clock-sec").html(( seconds < 10 ? "0" : "" ) + seconds);
|
|
},1000);
|
|
|
|
setInterval( function() {
|
|
// Create a newDate() object and extract the minutes of the current time on the visitor's
|
|
var minutes = new Date().getMinutes();
|
|
// Add a leading zero to the minutes value
|
|
$("#clock-min").html(( minutes < 10 ? "0" : "" ) + minutes);
|
|
},1000);
|
|
|
|
setInterval( function() {
|
|
// Create a newDate() object and extract the hours of the current time on the visitor's
|
|
var hours = new Date().getHours();
|
|
// Add a leading zero to the hours value
|
|
$("#clock-hours").html(( hours < 10 ? "0" : "" ) + hours);
|
|
}, 1000);
|
|
|
|
});
|