HTML clock

World clocks app

Example base clock (client hour)
500px, rectangle

Code:









Add clock UTC 
 400px, arabic numerals








Code:











Add Beijing clock
 300px, roman numerals








Code:














Add New York clock
 200px, none









Code:




PHP code:


timestamp:new Date(<?php
	$date = new DateTime();
	$date->setTimezone(new DateTimeZone('America/New_York'));
	echo $date->format('Y,').
	($date->format('n')-1).
	$date->format(',j,G,i,s')?>)








Add Sydney clock
 200px, arabic numerals









Code:




PHP code:


timestamp:new Date(<?php
	$date = new DateTime();
	$date->setTimezone(new DateTimeZone('Australia/Sydney'));
	echo $date->format('Y,').
	($date->format('n')-1).
	$date->format(',j,G,i,s')?>)











add function to detect hour change (winter summer)
this autonomous function reloads the page if the hour is late or advances.
 If you want, you can include it








Code: