Geek Answers Handbook

The correct way to get web server time and display it on web pages

I am developing my site using the PHP Codeigniter Framework . I want to display the time of my web server, as well as the time of the computer on some of my web pages. I have successfully displayed time on the client side using JavaScript , which updates the time every second, just using the setInterval('clientMachineTime()',1000) function. I want to display the time of the web server with the same operation as the clock of my client side. I googled for this, but could not find exactly what I was looking for. Any suggestion would be appreciated. Thanks.

+7
javascript php codeigniter
source share
5 answers

Answering my question

I found what Webdeveloper.com was looking for and it worked fine for me.

serverDate.js

 var xmlHttp; function srvTime(){ try { //FF, Opera, Safari, Chrome xmlHttp = new XMLHttpRequest(); } catch (err1) { //IE try { xmlHttp = new ActiveXObject('Msxml2.XMLHTTP'); } catch (err2) { try { xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); } catch (eerr3) { //AJAX not supported, use CPU time. alert("AJAX not supported"); } } } xmlHttp.open('HEAD',window.location.href.toString(),false); xmlHttp.setRequestHeader("Content-Type", "text/html"); xmlHttp.send(''); return xmlHttp.getResponseHeader("Date"); } var st = srvTime(); var date = new Date(st);

HTML

 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Server date/time</title> <script language="javascript" src="serverDate.js"></script> </head> <script language="javascript"> var localTime = new Date(); document.write("Local machine time is: " + localTime + "<br>"); document.write("Server time is: " + date); </script> <body> </body>

Hooray!!

+12
source share

 function getServerTime() { return $.ajax({async: false}).getResponseHeader( 'Date' ); } console.log('Server Time: ', getServerTime()); console.log('Locale Time: ', new Date(getServerTime())); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+2
source share

It's funny if you are looking for information on Codeigniter to find out if I can answer your question or not, I found runnable that does exactly what you need:

http://runnable.com/UXczcazDrMMiAAGl/how-to-do-ajax-in-codeigniter-for-php

In short, the above script uses Codeigniter and jQuery to ask the server about its current time (via AJAX).

Happy coding.

+1
source share

This example will display the server time every second.

 <html> <head> <title></title> <script type="text/javascript"> function srvTime(){ try { //FF, Opera, Safari, Chrome xmlHttp = new XMLHttpRequest(); } catch (err1) { //IE try { xmlHttp = new ActiveXObject('Msxml2.XMLHTTP'); } catch (err2) { try { xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); } catch (eerr3) { //AJAX not supported, use CPU time. alert("AJAX not supported"); } } } xmlHttp.open('HEAD',window.location.href.toString(),false); xmlHttp.setRequestHeader("Content-Type", "text/html"); xmlHttp.send(''); return xmlHttp.getResponseHeader("Date"); } //var st = srvTime(); //var date = new Date(st); function display_c(){ var refresh=1000; // Refresh rate in milli seconds mytime=setTimeout('display_ct()',refresh) } function display_ct() { var strcount var st = srvTime(); var x = new Date(st); //new Date() document.getElementById('ct').innerHTML = x; tt=display_c(); } </script> </head> <body onload=display_ct();> <span id='ct' ></span> </body> </html>

source1

http://www.plus2net.com/javascript_tutorial/clock.php Note that the above example does not contain php.

SOURCE2

http://www.webdeveloper.com/forum/showthread.php?228309-Getting-server-date-time-with-no-server-side-script

0
source share

server_time.js

 $.ajax({ type: "POST", data:"", url: "ajax-get-server-time.php", success: function(result){ $("#time_div").html(result); } });

Ajax-get server time.php

 <?php date_default_timezone_set(**YOUR DEFAULT TIMEZONE**); //eg date_default_timezone_set('Asia/Kolkata'); echo date("H:i:s A"); ?>
-2
source share

More articles:


All Articles