Hence, this simple web clock , good to put on an NTP synchronized web-server.
To get it
wget http://kod.ipduh.com/lib/clock.pl
An example apache configuration file
<VirtualHost 10.21.241.4:80> DocumentRoot "/var/www/clock.ipduh.awmn/www/" ServerName clock.ipduh.awmn ScriptAlias /cgi-bin2/ "/var/www/clock.ipduh.awmn/www/" AddHandler cgi-script .pl <Directory "/var/www/clock.ipduh.awmn/www"> AllowOverride None Options ExecCGI Order allow,deny Allow from all DirectoryIndex index.pl index.html index.htm </Directory> ErrorLog "|/usr/sbin/rotatelogs /var/www/clock.ipduh.awmn/logs/error/clock.ipduh.awmn-error_log.%Y%m%d 86400" CustomLog "|/usr/sbin/rotatelogs /var/www/clock.ipduh.awmn/logs/access/clock.ipduh.awmn-access_log.%Y%m%d 86400" combined </VirtualHost>
The Clock
#!/usr/bin/perl #g0 2013 a simple web clock #http://alog.ipduh.com/2013/05/a-simple-web-clock.html use strict; use POSIX qw(strftime); my $date = strftime "%a %b %e %Y" , localtime; my $hour = strftime "%H" , localtime; my $min = strftime "%M" , localtime; my $sec = strftime "%S" , localtime; my $epoch=time(); print <<"PAGE"; Content-type: text/html \n\n <!doctype html> <html> <head> <title> clock </title> <meta http-equiv='refresh' content='15'> <style> .clock { font-family: monospace , Arial ; font-size: 6em; } .little { padding-left: 0px; font-family: monospace; font-size: .9em; } a.goto:link { color:#000000; text-decoration:underline; } a.goto:visited { color:#000000; text-decoration:underline; } a.goto:hover {color:#000000;text-decoration:none;background:yellow;} a.goto:active {color:#00FF00;text-decoration:none;background:yellow;} </style> <script type='text/javascript'> setInterval(tick,1000); function tick() { if(document.getElementById("min").innerHTML == 59 && document.getElementById("sec").innerHTML == 59 ){ document.getElementById("hour").innerHTML = document.getElementById("hour").innerHTML - 1 + 2; document.getElementById("min").innerHTML = 0; document.getElementById("sec").innerHTML = 0; } else if(document.getElementById("sec").innerHTML == 59 ){ document.getElementById("min").innerHTML = document.getElementById("min").innerHTML - 1 + 2; document.getElementById("sec").innerHTML = 0; }else{ document.getElementById("sec").innerHTML = document.getElementById("sec").innerHTML - 1 + 2; } //it will be funny for a dousin of seconds after 1 am --g0 } </script> </head> <body> <center> <p class=clock> <span id='hour'>$hour</span>:<span id='min'>$min</span>:<span id='sec'>$sec</span> </p> <p class=little> © $date <a href="http://ipduh.com/epoch/?$epoch" class=goto>$epoch</a> <a class=goto href=http://alog.ipduh.com/2013/05/a-simple-web-clock.html>source</a> </center> </body> </html> PAGE
A simple web clock script