2015-01-15 91 views
-1

我使用的是this site的jQuery時鐘代碼,除非我需要時鐘始終顯示東部標準時間(GMT-5),否則一切正常。如何編輯此代碼以反映這一點?jQuery時鐘代碼

jQuery腳本:

$(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  
$('#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 
    $("#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 
    $("#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 
    $("#hours").html((hours < 10 ? "0" : "") + hours); 
    }, 1000); 

}); 

HTML代碼:

<div class="container"> 
<div class="clock"> 
<div id="Date"></div> 

<ul class="clock-ul"> 
    <li class="clock-li" id="hours"> </li> 
    <li class="clock-li" id="point">:</li> 
    <li class="clock-li" id="min"> </li> 
    <li class="clock-li" id="point">:</li> 
    <li class="clock-li" id="sec"> </li> 
</ul> 

</div> 
</div> 
+0

這個問題似乎是題外話,因爲它是關於HTML和jQuery的不EE –

+0

我認爲這基本上是一個[這個問題的重複(http://stackoverflow.com/questions/10087819/convert-date-to-another-timezone-in-javascript) –

+0

[This question](http://stackoverflow.com/questions/439630/how-do-you-create-a-javascript-date -object-with-a-set-timezone-without-using-as)也列出了一些可能的解決方案。 – chrki

回答

0

我能收到的賴Jeschor專家交換了答案。您可以查看這裏的小提琴:http://jsfiddle.net/EE_RainerJ/umcka2th/

setInterval(function() { 
// Define the tomezones offset 
var timezoneOffset = -5; 
// Get the local date from client 
var currentDate = new Date(); 
// Get UTC time 
utcDate = currentDate.getTime() + (currentDate.getTimezoneOffset() * 60000); 
// Set to UTC - 5 
estDate = new Date(utcDate + (3600000*timezoneOffset)); 
var seconds = estDate.getSeconds(); 
var minutes = estDate.getMinutes(); 
var hours = estDate.getHours(); 

// Add a leading zero to seconds value 
$("#sec").html((seconds < 10 ? "0" : "") + seconds); 
// Add a leading zero to the minutes value 
$("#min").html((minutes < 10 ? "0" : "") + minutes); 
// Add a leading zero to the hours value 
$("#hours").html((hours < 10 ? "0" : "") + hours); 
},1000);