Added a CSS file to allow proper formatting of the date and time line.
This commit is contained in:
parent
ed4652ace1
commit
c7a0849ef5
9
clock.js
9
clock.js
@ -13,10 +13,7 @@ function startInterval(){
|
|||||||
*/
|
*/
|
||||||
function startTime(){
|
function startTime(){
|
||||||
var current_time = new Date(),
|
var current_time = new Date(),
|
||||||
our_tz = current_time.getTimezoneOffset,
|
our_tz = current_time.getTimezoneOffset;
|
||||||
formated_time = current_time.getHours() + ":"
|
|
||||||
+ current_time.getMinutes() + ":"
|
|
||||||
+ current_time.getSeconds();
|
|
||||||
document.getElementById('time_title').innerHTML = "Time is: "
|
document.getElementById('time_title').innerHTML = "Time is: "
|
||||||
+ current_time.toLocaleString('en-US',
|
+ current_time.toLocaleString('en-US',
|
||||||
{timeZone: current_tz,
|
{timeZone: current_tz,
|
||||||
@ -26,7 +23,6 @@ function startTime(){
|
|||||||
minute:'2-digit',
|
minute:'2-digit',
|
||||||
second:'2-digit',
|
second:'2-digit',
|
||||||
timeZoneName:'short'});
|
timeZoneName:'short'});
|
||||||
//document.getElementById('time_title').innerHTML = current_tz;
|
|
||||||
document.getElementById('time_body').innerHTML = current_time.toLocaleString('en-EN' ,{
|
document.getElementById('time_body').innerHTML = current_time.toLocaleString('en-EN' ,{
|
||||||
timeZone: current_tz,
|
timeZone: current_tz,
|
||||||
dateStyle:'long',
|
dateStyle:'long',
|
||||||
@ -38,7 +34,6 @@ function startTime(){
|
|||||||
hour:'2-digit',
|
hour:'2-digit',
|
||||||
minute:'2-digit',
|
minute:'2-digit',
|
||||||
second:'2-digit',
|
second:'2-digit',
|
||||||
timeZoneName:'short'})
|
timeZoneName:'short'});
|
||||||
+ " " + current_time.getTimezoneOffset();
|
|
||||||
document.getElementById('JStz').innerHTML = current_tz;
|
document.getElementById('JStz').innerHTML = current_tz;
|
||||||
}
|
}
|
||||||
|
@ -14,7 +14,6 @@
|
|||||||
}
|
}
|
||||||
} else{
|
} else{
|
||||||
$selectedTimezone = date_default_timezone_get();
|
$selectedTimezone = date_default_timezone_get();
|
||||||
//date_default_timezone_set("America/Los_Angeles");
|
|
||||||
$scriptTZ = date_default_timezone_get();
|
$scriptTZ = date_default_timezone_get();
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
@ -29,6 +28,7 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||||
<meta name="author" content="efrick"/>
|
<meta name="author" content="efrick"/>
|
||||||
<link href="/styles.css" type="text/css" rel="stylesheet"/>
|
<link href="/styles.css" type="text/css" rel="stylesheet"/>
|
||||||
|
<link href="clock.css" type="text/css" rel="stylesheet"/>
|
||||||
<script>var current_tz=<?php echo json_encode($scriptTZ);?></script>
|
<script>var current_tz=<?php echo json_encode($scriptTZ);?></script>
|
||||||
<script type="text/javascript" src="clock.js"></script>
|
<script type="text/javascript" src="clock.js"></script>
|
||||||
</head>
|
</head>
|
||||||
@ -39,12 +39,10 @@
|
|||||||
<div class="body">
|
<div class="body">
|
||||||
<?php //Print default time and date values for the JS to update.
|
<?php //Print default time and date values for the JS to update.
|
||||||
echo "The full date and time:".
|
echo "The full date and time:".
|
||||||
"<br>".
|
"<br><span>".
|
||||||
"<p id='time_body'>".
|
"<p id='time_body'>".
|
||||||
date("D, M d, Y, H:i:s") .
|
date("D, M d, Y, H:i:s") .
|
||||||
" GMT" . date("O") . " (" . date("T") . ")"."</p>\n\t\t";
|
date(" T")."</p><p> GMT". date("O") ."</p>\n\t\t</span>";
|
||||||
echo '<p>The user timezone is now set to ' . $selectedTimezone . "</p>\n\t\t";
|
|
||||||
echo '<p>The system timezone is now set to ' . $scriptTZ . "</p>\n";
|
|
||||||
?>
|
?>
|
||||||
<div class="tz_select">
|
<div class="tz_select">
|
||||||
<p>
|
<p>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user