診療時間のページに、本日の日付と曜日を表示するようにしました。
インラインフレーム内にPHPで取得した日付・曜日を表示しています。
PHPはサーバサイドで動くため、Webサーバの時計を参照していることになります。
沢田内科医院HPは、レンタルサーバ「TOK2PRO」を利用中ですので、そちらで時計が狂わなければ、閲覧者のPCの時計が遅れていても正しい日付を表示します。
ちなみに、このブログ(WordPress)は自宅サーバ(中古ノートPC)で稼動しています。
自宅サーバPCとローカルPCそれぞれの時計を参照した時刻を表示させてみると以下の様になります。
(サーバはPHPで、ローカルPCはJavaScriptで時刻を取得。)
時刻は、このページを表示した際のものです。ブラウザの更新ボタンを押して御確認下さい。
20131215追記
server_today.phpにバグあり。修正しました。4行目。
[誤:] $yobi = array(“日”,”月”,”火”,”水”,”木”,”金”,”土”);
[正:] $yobi = array(“日”,”月”,”火”,”水”,”木”,”金”,”土”,”日”);
みっともないソースはこちら
<iframe frameborder=0 width=280px height=64px src="server_today.php" style="background-color: lightgray;"></iframe> <br clear='all' /> <iframe frameborder=0 width=280px height=64px src="client_today.html" style="background-color: yellow;"></iframe>
<span style="font-weight: 600; font-size: 1.2em;"> <?php $yo = date("N"); $yobi = array("日","月","火","水","木","金","土","日"); echo "".date("Y/m/d")."(".$yobi[$yo].") ".date("H:i:s")."<br>(自宅サーバPCの時計より)"; ?> </span>
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <script language="JavaScript"> <!-- yobi = new Array("日","月","火","水","木","金","土"); function text_disp() { //今日の日付と現在の時刻を表示 jikoku = new Date(); y = jikoku.getYear() + 1900; g = ((jikoku.getMonth()+1) >= 10) ? (jikoku.getMonth()+1) : "0" + (jikoku.getMonth()+1); d = (jikoku.getDate() >= 10) ? jikoku.getDate() : "0" + jikoku.getDate(); t = (jikoku.getHours() >= 10) ? jikoku.getHours() : "0" + jikoku.getHours(); m = (jikoku.getMinutes() >= 10) ? jikoku.getMinutes() : "0" + jikoku.getMinutes(); s = (jikoku.getSeconds() >= 10) ? jikoku.getSeconds() : "0" + jikoku.getSeconds(); yo = jikoku.getDay(); now_Date = y+"/"+g+"/"+d; document.getElementById('now_text').innerHTML = "" + now_Date + "(" + yobi[yo] + ") " + t + ":" + m + ":" + s + "<br>(現在御使用PCの時計より)"; } --> </script> </head> <body onload="text_disp();"> <div id="now_text" style="font-weight: 600; font-size: 1.2em;"> </div> </body> </html>