Large Blue Live Clock

001. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
002. "https://www.w3.org/TR/html4/strict.dtd">
003. <html>
004. <head>
005. <title>Large Live Clock</title>
006. 
007. <meta name="description" content="Current time in local or other time zone, displayed in large numerals on black background - minimal Internet requirements." >
008. <meta http-equiv="Content-Style-Type" content=" text/css">
009. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1;" >
010. <link rel="stylesheet" type="text/css" href="https://esand.net/liveClock/commons/mainStylesheet.css?v=10.1" >
011. <link rel="shortcut icon" href="favicon.ico" >
012. <meta http-equiv="CACHE-CONTROL" content="no-store, no-cache, must-revalidate, max-age=0, post-check=0, pre-check=0, Pragma: no-cache" >
013.
014. <?php
015. $tZone = " " ; $tZ = " " ; $cont = " " ;
016. $blue = "" ; $dsplPic = 0 ;
017.
018. $currURL = $_SERVER[ 'PHP_SELF' ] ;
019. $host = $_SERVER[ 'HTTP_HOST' ] ;
020. $thisHere = 'https://'.$host.$currURL ;
021.
022. error_reporting (E_ERROR | E_WARNING | E_PARSE ) ;
023.
024. $jw = '/home/esand/public_html' ;
025. $bw = $jw.'/liveClock' ;
026.
027. $moonyr = $_REQUEST[ 'moonyr' ] ;
028. if ( ( $moonyr == NULL ) || ( $moonyr < '1753' ) || ( $moonyr > '2200' ) ) { $yrZulu = gmdate( 'Y' ) ; } else { $yrZulu = $moonyr ; }
029. $moZulu = gmdate( 'm' ) ;
030. $daZulu = gmdate( 'd' ) ;
031. $hrZulu = gmdate( 'H' ) ;
032. $mnZulu = gmdate( 'i' ) ;
033. if ( $jw_root == NULL ) { $jw_root = $bw ; }
034. include( $jw_root.'/commons/daylightSaving.php' ) ;
035. ?>
036.
037. <script type="text/javascript">
038.
039. <?php
040. $qry = $_SERVER[ 'QUERY_STRING' ] ;
041. if ( $qry == NULL ) { $q = "" ; }
042. else { $q = "?".$qry ; }
043. print ( '
044. function Exit() { window.location = "/'.$q.'" ; }
045. ' ) ;
046. ?>
047.
048. if ( contactWindow != null ) { contactWindow.close() ; }
049. else { var contactWindow ; }
050. if ( phaseTable != null ) { phaseTable.close() ; }
051. else { var phaseTable ; }
052.
053. <?php
054. include ( $bw.'/timeChange.php' ) ;
055. include ( $bw.'/displayTime.htm' ) ;
056. include ( $bw.'/disclaim.php' ) ;
057. include ( $bw.'/commons/timeFunctions.php' ) ;
058. ?>
059.
060. var b = 0 ;
061. var tmr = null ;
062. var newsStr = " " ;
063. var str200 = " " ;
064. var ix = 1 ;
065. while ( ix < 200 ) { str200 = str200 + " " ; ix ++ ; }
066. newsStr = str200 ;
067. function Ticker() {
068. b=( b==newsStr.length )? 0 : b + 1 ;
069. if( b <= 1 ) {
070. newsStr = str200 + disclaimer ;
071. b = 2 ;
072. }
073. document.forms[ "ticker" ].display.value = newsStr.substr( b ) ;
074. tmr = setTimeout( "Ticker()", 200 ) ;
075. }
076. function setClockVariables() {
077. document.forms[ "clock1" ].display1.value = " " ;
078. if ( tZone == "GMT" ) { document.forms[ "clock2" ].display2.value = clock2 ; }
079. else { document.forms[ "clock2" ].display2.value = clock6 ; }
080. document.forms[ "clock7" ].display7.value = clock7 ;
081. if ( ( minutes % 20 == 2 ) && ( seconds == 30 ) ) { startTicker() ; }
082. }
083. </script>
084. </head>
085.
086. <body background-color="#000000" onLoad=" tellTime() ; " >
087.
088. <style type="text/css">
089. div.s1 input { font: 24px Courier New ; color: #FFFFFF ; padding: 10px ; text-align: center ; width: 800px ; height: 30px ; border: 0 ; background-color: transparent ; padding-right: 0% ; wtdth: 85% ; }
090. div.s2 input { font: 100px Courier New ; color: #FFFFFF ; font-weight: bold ; padding: 10px ; text-align: center ; width: 800px ; height: 120px ; border: 0 ; background-color: transparent ; opacity: 0.5 ; padding-right: 0% ; width: 85% ; }
091. div.s3 input { font: 24px Courier New ; color: #FFFFFF ; padding: 10px ; text-align: center ; width: 800px ; height: 30px ; border: 0 ; background-color: transparent ; padding-right: 0% ; width: 85% ; }
092. div.s4 input { font: 16px Courier New ; color: #FFFFFF ; padding: 10px ; text-align: center ; width: 800px ; height: 16px ; border: 0 ; background-color: transparent ; padding-right: 0% ; width: 85% ; }
093. div.tick input { font: 12px Verdana ; color: #3030BB ; font-weight: 600 ; width: 1000px ; height: 15px ; border: 0 ; background-color: transparent ; margin-right: 100px ; }
094. div.tick input:hover { font: 12px Verdana ; color: #3030BB ; font-weight: 600 ; width: 1000px ; height: 15px ; border: 0 ; background-color: transparent ; margin-right: 100px ; }
095. </style>
096.
097. <center>
098.
099. <div id="dark" style="display: block ; background-color: transparent ; " >
100. <img src="https://esand.net/liveClock/commons/img/transparentVertical.png" width="1" height="150" alt="dark screen top" >
101. </div>
102.
103. <div id="mainClock" style="display: block ; width: 85% ; padding-left: 0 ; height: 30% ; " >
104. <div align="center" class="s1" >
105. <form id="clock1" >
106. <input type="text" name="display1" readonly >
107. </form>
108. </div>
109. <div align="center" class="s2" >
110. <form id="clock2" >
111. <input type="text" name="display2" readonly >
112. </form>
113. </div>
114. <br>
115. </div>
116.
117. <div id="space150" style="display: block ; height: 10% ; ">
118. <img src="https://esand.net/liveClock/commons/img/transparentVertical.png" alt="150 high" height="100 " width="1" >
119. </div>
120.
121. <div id="sourceS" style="display: none ; width: 85% ; padding-right: 10% ; " >
122. <div style="margin: 2% ; padding: 2% ; border: 1px solid #666688 ; " >
123. <img src="https://esand.net/liveClock/commons/img/transparentHorizontal.png" alt="100 wide" width="1000" height="1" >
124. <?php
125. # viewSource( $bw.'/fullScreen.php' ) ;
126. ?>
127. </div>
128. </div>
129.
130. <div id="sourceC" style="display: none ; width: 85% ; padding-right: 10% ;" >
131. <div style="margin: 2% ; padding: 2% ; border: 1px solid #666688 ; " >
132. <img src="https://esand.net/liveClock/commons/img/transparentHorizontal.png" alt="100 wide" width="1000" height="1" >
133. <?php
134. # viewSource( $bw.'/displayTime.htm' ) ;
135. ?>
136. </div>
137. </div>
138.
139. <div id="mainIdea" align="center" class="s3" style="display: block ; padding-left: 0% ; height: 20% ; " >
140. <form id="clock3" >
141. <input type="text" name="display3" readonly >
142. </form>
143. <form id="clock7" >
144. <input type="text" name="display7" readonly >
145. </form>
146. </div>
147.
148. <div align="center" id="SysClock" class="s4" style="display: none ; padding-left: 0% ; height: 15% ; " >
149. <form id="cpuT" >
150. <input type="text" name="clockString" readonly >
151. </form>
152. <div align="center" id="SysDate" class="s4" >
153. <form id="cpuD" >
154. <input type="text" name="dateString" readonly >
155. </form>
156. </div>
157. <p>  <br> </p>
158. </div>
159.
160. <div align="center" id="GMTconvert" style="display: none ; padding-left: 0% ; " >
161. <?php
162. include( $bw.'/commons/GMTtoUSAform.php' ) ;
163. ?>
164. <p>  <br> </p>
165. </div>
166.
167. <div align="center" id="changeZone" style="display: none ; padding-left: 0% ; " >
168. <?php
169. include( $bw.'/commons/changeZone.php' ) ;
170. ?>
171. <p>  <br> </p>
172. </div>
173.
174. <div align="center" id="filler" style="display: block ; padding-left: 0% ; height: 15% ; " >
175. <p> <br> <br> </p>
176. <div align="center" class="tick">
177. <form id="ticker" >
178. <input type="text" name="display" >
179. </form>
180. </div>
181. <p> <br> <br> </p>
182. </div>
183.
184. <div id="footer" align="center" style="display: block ; padding-left: 0% ; width: 85% ; height: 10% ; " >
185. <?php
186. # print( 'The host domain is '.$host.' + current path is '.$currURL.' + and this page is '.$thisHere.$q.' +<br><br>' ) ;
187. ?>
188.
189. <a href='javascript: goTo( "<?php print( 'https://liveclock.net/index.php'.$q ) ; ?>" ) ; ' class="t" >Home</a> · <a href='javascript: goTo( "https://liveclock.net/blueClock/fullScreen.php<?php print( $q ) ; ?>" ) ; ' class="t" >Blue View</a> · <a href="javascript: if ( navigator.onLine ) {
190. window.location.assign( 'https://liveclock.org/fullScreen.php<?php print( $q ) ; ?>' ) ; } else { alert( 'Sorry! Internet is down right now.' ) ; } " class="t" >alternate host</a> · <a href='javascript: goTo( "window.location.reload()" ) ; ' class="t" >Reload Screen</a> · <a href="javascript: if ( isVisible( 'changeZone' ) || !navigator.onLine ) { Hide( 'changeZone' ) ; Show( 'filler' ) ; } else { Show( 'changeZone' ) ; Hide( 'filler' ) ; } " class="t" >Set Time Zone</a> · <a href="javascript: if ( navigator.onLine ) {
191. if ( ( contactWindow == null ) || ( contactWindow.closed ) ) { contactWindow=window.open( 'https://esand.net/liveClock/commons/contact.htm','_blank','location=0,left=1,top=1,height=400,width=400' ) ; contactWindow.focus() ; } else { contactWindow.close() ; } } else { alert( 'Please retry when back online.' ) ; } " class="t" >Contact</a> · <a href="javascript: ToggleDisplay( 'moreFooter' ) ; ToggleDisplay( 'footerSpace' ) ; " class="t" >+/-</a>
192. <br>
193. </div>
194.
195. <div id="moreFooter" align="center" style="display: none ; padding-left: 0% ; padding-top: 12px ; width: 85% ; height: 10% ; " >
196. <br>
197. <a href="javascript: if ( isVisible ( 'SysClock' ) ) { Hide( 'SysClock' ) ; Show( 'filler' ) ; } else { Hide( 'filler' ) ; Show( 'SysClock' ) ; getSysClock() ; getSysDate() ; } " class="t" >Display System Clock</a> · <a href="javascript: if ( isVisible( 'GMTconvert' ) ) { Hide( 'GMTconvert' ) ; Show ( 'filler' ) ; } else { Hide( 'filler' ) ; Show( 'GMTconvert' ) ; } " class="t" >Display GMT to US Zone</a> · <a href="javascript:
198. if ( navigator.onLine ) { if ( ( phaseTable == null ) || ( phaseTable.closed ) ) { phaseTable=window.open( 'https://esand.net/theCopyExchange/lunarCalendar/moonPhase.php','_blank','location=0,left=1,top=1,height=550,width=900' ) ; phaseTable.focus() ; } else { phaseTable.close() ; } } else { alert( 'Need online connectivity for this!' ) ; } " class="t" >Display Lunar Calendar</a> · <a href="javascript: if ( navigator.onLine ) { alert( 'You are connected to the Internet' ) ; } else { alert( 'No online connection detected' ) ; } " class="t" >Check Internet connectivity</a>
199. <br>
200. </div>
201.
202. <br>
203. <div id="footerSpace" align="center" style="display: block ; width: 50% ; height: 10% ; " >
204. <p> <br> · <br> </p>
205. </div>
206.
207. <br>
208. <div id="altFooter" align="center" style="display: none ; padding-left: 0% ; padding-top: 8px ; height: 10% ; " >
209. <p style="font: 14px Verdana ; color: #808080 ; " >
210. The application could not connect to the Internet, but will continue processing.<br>The clock will reset after reconnection.</p>
211. <p> <br> · <br> </p>
212. </div>
213.
214. <p> <br>   <br> </p>
215.
216. </center>
217.
218. <script type="text/javascript">
219. var tickerOn = false ;
220. var newsStr = str200 ;
221. var b = 0 ;
222.
223. document.forms[ "ticker" ].display.value = " " ;
224.
225. Hide( 'sourceS' ) ; Hide( 'sourceC' ) ; Hide( 'changeZone' ) ; Hide( 'GMTconvert' ) ; Hide( 'SysClock' ) ; Hide( 'altFooter' ) ; Hide( 'moreFooter' ) ;
226.
227. function startTicker() {
228. if ( tickerOn ) { return ; }
229. else {
230. if ( navigator.onLine ) { return ; }
231. else {
232. tickerOn = true ;
233. Reveal( 'filler' ) ;
234. Ticker() ;
235. } }
236. }
237. </script>
238.
239. </body>
240. </html>
241.

001. <?php
002. function getParm( $in ) {
003. if ( isset( $_REQUEST[ $in ] ) ) { return $_REQUEST[ $in ] ; }
004. else { return ' ' ; }
005. }
006. $zoneV = " " ; $tZ = " " ; $tZone = " " ;
007. $noParms = 0 ;
008. $tZone = getParm( 'tZone' ) ;
009. if ( ( $tZone == ' ' ) | ( $tZone == NULL ) ) {
010. $cont = " " ; $zone = " " ;
011. $cont = getParm( 'contin' ) ;
012. $zone = getParm( 'zone' ) ;
013. if ( ( $cont == ' ' ) | ( $zone == ' ' ) ) {
014. $noParms = 1 ;
015. $tZone = "GMT" ;
016. $zoneV = "America/New_York" ;
017. $currentOnlineState = 1 ;
018. $previousOnlineState = 1 ;
019. }
020. else {
021. $tZone = str_replace( "_", " ", $zone ) ;
022. if ( $tZone == "Rio de Janeiro" ) { $cont = "America" ; $zone = "Sao_Paulo" ; }
023. elseif ( $tZone == "DumontDUrville" ) { $cont = "Antarctica" ; $tZone = "Dumont d'Urville" ; }
024. $zoneV = $cont.'/'.$zone ;
025. }}
026. elseif ( $tZone == "Hawaii-Aleutian" ) { $zoneV = "Pacific/Honolulu" ; $tZone="Hawaii/Aleutians" ; }
027. elseif ( $tZone == "Honolulu" ) { $zoneV = "Pacific/Honolulu" ; }
028. elseif ( $tZone == "Tokyo" ) { $zoneV = "Asia/Tokyo" ; }
029. elseif ( $tZone == "London" ) { $zoneV = "Europe/London" ; }
030. else {
031. if ( isset( $cont ) ) { ; } else { $cont = ' ' ; }
032. if ( $cont == ' ' ) {
033. $qZ = strtolower( $tZone ) ;
034. if ( $qZ > ' ' ) {
035. if ( $qZ == "new_york" ) { $zoneV = "America/New_York" ; $tZone = "Eastern" ; }
036. elseif ( $qZ == "chicago" ) { $zoneV = "America/Chicago" ; $tZone= "Central" ; }
037. elseif ( $qZ == "denver" ) { $zoneV = "America/Denver" ; $tZone= "Mountain" ; }
038. elseif ( $qZ == "los_angeles" ) { $zoneV = "America/Los_Angeles" ; $tZone= "Pacific" ; }
039. elseif ( ( $tZone == "Atlantic" ) | ( $tZone == "Eastern" ) | ( $tZone == "Central" ) | ( $tZone == "Mountain" ) | ( $tZone == "Pacific" ) ) { ; }
040. elseif ( ( $tZone == "Hawaii-Aleutian" ) | ( $tZone == "Tokyo" ) | ( $tZone == "London" ) | ( $tZone == "GMT" ) ) { ; }
041. elseif ( $qZ == "atlantic" ) { $zoneV = "America/New_York" ; $tZone = "Atlantic" ; }
042. elseif ( $qZ == "eastern" ) { $zoneV = "America/New_York" ; $tZone = "Eastern" ; }
043. elseif ( $qZ == "central" ) { $zoneV = "America/Chicago" ; $tZone= "Central" ; }
044. elseif ( $qZ == "mountain" ) { $zoneV = "America/Denver" ; $tZone= "Mountain" ; }
045. elseif ( $qZ == "pacific" ) { $zoneV = "America/Los_Angeles" ; $tZone= "Pacific" ; }
046. else {
047. $tZ = "Parameter setting '".$tZone."' is not recognized." ;
048. $noParms = 1 ;
049. $tZone = "Eastern" ;
050. $zoneV = "America/New_York" ;
051. }
052. $cont = " " ;
053. $zone = " " ;
054. }}
055. }
056.
057. if ( $zoneV == " " ) {
058. switch ( $tZone ) {
059. case "Atlantic" : $zoneV = "America/Halifax" ; break ;
060. case "Eastern" : $zoneV = "America/New_York" ; break ;
061. case "Central" : $zoneV = "America/Chicago" ; break ;
062. case "Mountain" : $zoneV = "America/Denver" ; break ;
063. case "Pacific" : $zoneV = "America/Los_Angeles" ; break ;
064. default : $tZone = "GMT" ; $zoneV = "America/New_York" ;
065. }}
066. if ( date_default_timezone_set( $zoneV ) ) { ; }
067. else {
068. $tZ = "Time zone '".$zoneV."' is not recognized." ;
069. $noParms = 1 ;
070. $tZone = "Eastern" ;
071. $zoneV = "America/New_York" ;
072. date_default_timezone_set( $zoneV ) ;
073. }
074. $hr = date( 'g' ) ;
075. $min = intval( date( 'i' ) ) ;
076. $sec = intval( date( 's' ) ) ;
077. $hoursZulu = gmdate( 'G' ) ;
078. $minZulu = intval( gmdate( 'i' ) ) ;
079. $weekDay = date( 'l' ) ;
080. $wDayShort = date( 'D' ) ;
081. $AMPM = date( 'a' ) ;
082. $offset = intval( date( 'O' ) ) ;
083. $hrsOffset = intval( $offset / 100 ) ;
084. $minOffset = abs( $offset ) - abs( $hrsOffset * 100 ) ;
085. $suf = "" ;
086. $clt = array() ;
087. $clt = localtime() ;
088. $dst = $clt[ 8 ] ;
089. $clhr = $clt[ 2 ] ;
090. if ( $dst > 0 ) { $dst = 1 ; } else { $dst = 0 ; }
091. if ( ( $tZone == 'Atlantic' ) | ( $tZone == 'Eastern' ) | ( $tZone == 'Central' ) | ( $tZone == 'Mountain' ) | ( $tZone == 'Pacific' ) ) { ; }
092. else {
093. if ( isset( $cont ) ) { ; } else { $cont = ' ' ; }
094. if ( ( $tZone == 'GMT' ) | ( $cont == ' ' ) ) { ; }
095. else {
096. if ( ( $cont == 'America' ) | ( $cont == 'Europe' ) | ( $cont == 'Africa' ) | ( $cont == 'Atlantic' ) | ( $cont == 'Asia' ) | ( $cont == 'Austrailia' ) ) { $suf = 'in ' ; }
097. else { $suf = '('.$wDayShort.') at ' ; }
098. }}
099. print ( '
100. var hours = '.$hr.' ;
101. var hoursZulu = '.$hoursZulu.' ;
102. var minZulu = '.$minZulu.' ;
103. var minutes = '.$min.' ;
104. var seconds = '.$sec.' ;
105. var ampm = "'.$AMPM.'" ;
106. var tZone = "'.$tZone.'" ;
107. var offset = '.$hrsOffset.' ;
108. var minOffset = '.$minOffset.' ;
109. var suf = "'.$suf.'" ;
110. var timeChange = '.$timeChange.' ;
111. var localTm = '.$noParms.' ;
112. var DST = '.$dst.' ;
113. ' ) ;
114. $longDate = date( 'l' ).", ".date( 'F' )." ".date( 'j' ).", ".date( 'Y' ) ;
115. print ( '
116. var longDate = "'.$longDate.'" ;
117. ' ) ;
118. ?>
119. var tmDesc = ampm + suf ;
120. var time = new Date() ;
121. var sysHrs =0 ;
122. var sysMin = 0 ;
123. var sysSec = 0 ;
124. var sysOff = time.getTimezoneOffset() / 60 ;
125. var clock1 = " " ;
126. var clock2 = " " ;
127. var clock3 = " " ;
128. var clock4 = " " ;
129. var clock5 = " " ;
130. var clock6 = " " ;
131. var clock7 = " " ;
132. var clock8 = " " ;
133. var useSysClock = 0 ;
134. var clockDec = 0 ;
135. var hours24 = 0 ;
136. var min24 = 0 ;
137. var mn = 0 ;
138. var sysHoff = 0 ;
139. var sysMoff = 0 ;
140. var sysSoff = 0 ;
141. var sTemp = 0 ;
142. var mTemp = 0 ;
143. var hTemp = 0 ;
144. var sec = "00" ;
145. var mnZ = "00" ;
146. var hrZ = "00" ;
147. var clientZ = " " ;
148. var noReload = 0 ;
149. var monthNow = 0 ;
150. var weekdayNow = 0 ;
151. var dayNow = 0 ;
152. var onlineState = 0 ;
153. var checkInterval = 20 ;
154.
155. function getClock() {
156. var time = new Date() ; sysMin = time.getMinutes() ; sysSec = time.getSeconds() ; sysHrs = time.getUTCHours() ;
157. }
158.
159. function formatedDate() {
160. var dateNow = new Date() ;
161. var yearNow = dateNow.getYear() ;
162. yearNow = ( yearNow < 1900 )? yearNow + 1900 : yearNow ;
163. monthNow = dateNow.getMonth() ;
164. weekdayNow = dateNow.getDay() ;
165. dayNow = dateNow.getDate() ;
166. var dayD = " " ;
167. dayD = ( dayNow < 10 )? "0" + dayNow : dayNow ;
168. var dayarray=new Array( "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ) ;
169. var montharray=new Array( "January" ,"February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ) ;
170. var retDate = dayarray[ weekdayNow ] + ", " + montharray[ monthNow ] + " " + dayD + ", " + yearNow ;
171. return ( retDate ) ;
172. }
173.
174. getClock() ;
175. sysHoff = hoursZulu - sysHrs ;
176. sysMoff = minZulu - sysMin ;
177. sysSoff = seconds - sysSec ;
178. if ( localTm ) {
179. var clientOff = sysOff + DST ;
180. switch ( clientOff ) {
181. case 0: clientZ = "London" ; break ;
182. case 4: clientZ = "Atlantic" ; break ;
183. case 5: clientZ = "Eastern" ; break ;
184. case 6: clientZ = "Central" ; break ;
185. case 7: clientZ = "Mountain" ; break ;
186. case 8: clientZ = "Pacific" ; break ;
187. default: clientZ = " " ;
188. }
189. if ( clientZ == " " ) { ; } else { if ( timeChange ) { tZone = "GMT" ; clock4 = ( DST == 0 ) ? "Standard time" : "Daylight time" ; clock4 = clock4 + " indicated for " + clientZ + " time zone " ; } else { longDate = formatedDate() ; tZone = clientZ ; offset = -1 * sysOff ; } }
190. }
191.
192. function performReload() {
193. onlineState = navigator.onLine ;
194. if ( onlineState == 1 ) { window.location.reload() ; }
195. else {
196. if ( clock8 == ' ' ) { clock8 = clock2 ; Hide( 'footer' ) ; Show( 'altFooter' ) ; }
197. clock3 = "Could not connect to Internet at " + clock8 ;
198. clock7 = "Internet was unavailable at " + clock8 ;
199. checkInterval = 5 ;
200. getSysDate() ;
201. }}
202.
203. function tellTime() {
204. if ( seconds > 59 ) {
205. getClock() ;
206. if ( ( sysHoff > -2 ) && ( sysHoff < 2 ) && ( sysMoff > -60 ) && ( sysMoff < 60 ) && ( sysSoff > -60 ) && ( sysSoff < 60 ) ) {
207. sTemp = sysSec + sysSoff ; mTemp = sysMin + sysMoff ; hTemp = sysHrs + sysHoff ;
208. }
209. else { sTemp = 0 ; mTemp = minZulu ; hTemp = hoursZulu ; }
210.
211. if ( sTemp < 0 ) { sTemp = 60 + sTemp ; mTemp = mTemp - 1 ; }
212. else { if ( sTemp > 59 ) { sTemp = sTemp - 60 ; mTemp = mTemp + 1 ; } }
213. if ( mTemp < 0 ) { hTemp = hTemp - 1 ; mTemp = 60 + mTemp ; }
214. else { if ( mTemp > 59 ) { hTemp = hTemp + 1 ; mTemp = 60 - mTemp ; } }
215. if ( hTemp < 0 ) { hTemp = 24 + hTemp ; }
216. else { if ( hTemp > 23 ) { hTemp = 24 - hTemp ; } }
217. hoursZulu = hTemp ; minZulu = mTemp ; seconds = sTemp ;
218. }
219.
220. hrZ = ( hoursZulu < 10 ) ? "0" + hoursZulu: hoursZulu ;
221. if ( minZulu < 0 ) { mnZ = "00" ; } else { mnZ = ( minZulu < 10 ) ? "0" + minZulu : minZulu ; }
222. if ( seconds < 0 ) { sec = "00" ; } else { sec = ( seconds < 10 ) ? "0" + seconds : seconds ; }
223. if ( ( sec == "05" ) && ( ( mnZ % checkInterval ) == 4 ) ) { setTimeout( "performReload() ; ", 1000 ) ; }
224. if ( tZone == "GMT" ) { clock1 = "It's now" ; clock2 = hrZ + "." + mnZ + "." + sec + " GMT" ; clock3 = clock4 ; clock5 = clock1 + " " + clock2 ; }
225. else {
226. clock1 = hrZ + "." + mnZ + "." + sec + " GMT" ;
227. clock3 = offset + ( ( minOffset == 0 )? " hours" : ":" + minOffset ) + " offset from GMT " ;
228. hours24 = ( hoursZulu + offset ) ;
229. if ( minOffset > 0 ) { minutes = ( offset < 0 )? ( minZulu - minOffset ) : ( minZulu + minOffset ) ; if ( minutes > 59 ) { minutes = ( minutes - 60 ) ; hours24 = ( hours24 + 1 ) ; } else { if ( minutes < 0 ) { minutes = 60 + minutes ; hours24 = ( hours24 - 1 ) ; } } }
230. else { minutes = minZulu ; }
231. if ( ( minutes < 0 ) | ( minutes > 59 ) ) { minutes = sysMin ; clock3 = "GMT minutes " + minZulu + ", system minutes " + sysMin + ", difference " + sysMoff ; }
232.
233. if ( hours24 < 0 ) { hours24 = ( 24 + hours24 ) ; }
234. if ( hours24 > 23 ) { hours24 = ( hours24 - 24 ) ; }
235. if ( hours24 == 0 ) { ampm = "am" ; hours = 12 ; tmDesc = "am " + suf ; }
236. else { if ( hours24 == 12 ) { ampm = "pm" ; hours = 12 ; tmDesc = "pm " + suf ; }
237. else { if ( hours24 > 12 ) { ampm = "pm" ; hours = ( hours24 - 12 ) ; tmDesc = "pm " + suf ; }
238. else { ampm="am" ; hours = hours24 ; tmDesc = "am " + suf ; }
239. }}
240.
241. var mn = ( minutes < 10 ) ? "0" + minutes : minutes ;
242.
243. clock2 = hours + ":" + mn + " " + tmDesc + tZone ;
244. clock5 = hours + ":" + mn + ":" + sec + " " + tmDesc + tZone ;
245. clock6 = hours + ":" + mn + ":" + sec + " " + ampm ;
246. if ( clock7 == " " ) { clock7 = suf + tZone ; }
247.
248. }
249.
250. if ( clock3 == ' ' ) {
251. if ( ( mnZ % 20 ) == 2 ) { clock3 = disclaimer ; }
252. if ( ( tZone != "GMT" ) && ( ( mnZ % 10 ) == 6 ) ) { clock3 = "The date for the time displayed is " + longDate ; }
253. if ( mnZ == 28 ) { clock3 = "Last program update: 04-02-2022" ; }
254. if ( mnZ == 58 ) { clock3 = "Copyright \u00A9 <?php print( gmdate( 'Y' ) ) ; ?> JustWord.net" ; }
255. <?php
256. if ( $tZ > ' ' ) { print ( 'clock3 = "'.$tZ.'" ; ' ) ; }
257. ?>
258. }
259.
260. setClockVariables() ;
261. seconds ++ ;
262. setTimeout( "tellTime()",1000 ) ;
263. }

001. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
002. "https://www.w3.org/TR/html4/loose.dtd">
003. <html>
004. <head>
005. <title>Large Blue Live Clock</title>
006. 
007. <meta name="description" content="Current time displayed - whatever zone - in large numbers on blue - Plus: View source scripts, system clock, convert GMT to US zone, lunar calendar by year" >
008. <meta http-equiv="Content-Style-Type" content="text/css">
009. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1;">
010. <link rel="stylesheet" type="text/css" href="https://esand.net/liveClock/commons/mainStylesheet.css" >
011. <link rel="shortcut icon" href="https://esand.net/liveClock/favicon.ico?v=2.0" >
012. <meta http-equiv="CACHE-CONTROL" content="no-store, no-cache, must-revalidate, max-age=0, post-check=0, pre-check=0, Pragma: no-cache" >
013. <meta name="robots" content="index,all">
014.
015. <?php
016. $tZone = " " ; $tZ = " " ; $cont = " " ;
017. $blue = "/blueClock" ; $dsplPic = 0 ;
018. $currURL = $_SERVER[ 'PHP_SELF' ] ;
019. $host = $_SERVER[ 'HTTP_HOST' ] ;
020. $thisHere = 'https://'.$host.'/blueClock' ;
021. error_reporting (E_ERROR | E_WARNING | E_PARSE ) ;
022. $jw = '/home/esand/public_html' ;
023. $bw = $jw.'/liveClock' ;
024. $moonyr = $_REQUEST[ 'moonyr' ] ;
025. if ( ( $moonyr == NULL ) || ( $moonyr < '1753' ) || ( $moonyr > '2200' ) ) { $yrZulu = gmdate( 'Y' ) ; } else { $yrZulu = $moonyr ; }
026. $moZulu = gmdate( 'm' ) ;
027. $daZulu = gmdate( 'd' ) ;
028. $hrZulu = gmdate( 'H' ) ;
029. $mnZulu = gmdate( 'i' ) ;
030. if ( $jw_root == NULL ) { $jw_root = $bw ; }
031. include( $jw_root.'/commons/daylightSaving.php' ) ;
032. ?>
033.
034. <script language="JavaScript1.2" type="text/javascript" >
035.
036. if ( contactWindow != null ) { contactWindow.close() ; }
037. else { var contactWindow ; }
038. if ( phaseTable != null ) { phaseTable.close() ; }
039. else { var phaseTable ; }
040.
041. <?php
042. include ( $bw.'/timeChange.php' ) ;
043. include ( $bw.'/displayTime.htm' ) ;
044. include ( $bw.'/disclaim.php' ) ;
045. include( $bw.'/commons/timeFunctions.php' ) ;
046. ?>
047.
048. var b = 0 ;
049. var tmr = null ;
050. var newsStr = " " ;
051. var str200 = " " ;
052. var ix = 1 ;
053. while ( ix < 200 ) { str200 = str200 + " " ; ix ++ ; }
054. newsStr = str200 ;
055. function Ticker() {
056. b=( b==newsStr.length )? 0 : b + 1 ;
057. if( b <= 1 ) {
058. newsStr = str200 + disclaimer ;
059. b = 2 ;
060. }
061. document.forms[ "ticker" ].display.value = newsStr.substr( b ) ;
062. tmr = setTimeout( "Ticker()", 200 ) ;
063. }
064.
065. function setClockVariables() {
066. document.forms[ "clock1" ].display1.value = " " ;
067. if ( tZone == "GMT" ) { document.forms[ "clock2" ].display2.value = clock2 ; }
068. else { document.forms[ "clock2" ].display2.value = clock6 ; }
069. document.forms[ "clock7" ].display7.value = clock7 ;
070. if ( ( minutes % 20 == 2 ) && ( seconds == 30 ) ) { startTicker() ; }
071. }
072.
073. <?php
074. $qry = $_SERVER[ 'QUERY_STRING' ] ;
075. if ( $qry == NULL ) { $q = "" ; }
076. else { $q = "?".$qry ; }
077. print ( '
078. function Exit() { window.location = "/'.$q.'" ; }
079. ' ) ;
080. ?>
081.
082. </script>
083.
084. <?php
085. function viewSource( $fn ) {
086. $path = $fn ;
087. print( '
088. <div align="left" style="font: 11px Courier ; " >
089. <br><br>
090. ' ) ;
091. $LineNo = 0 ;
092. $LineOut = ' ' ;
093. if ( ( $sc = fopen( $fn, 'r' ) ) != false ) {
094. while ( ( $record = fgets( $sc ) ) != false ) {
095. $record = str_replace( '&', '&', $record ) ;
096. $record = str_replace( '<', '<', $record ) ;
097. $record = str_replace( '>', '>', $record ) ;
098. $LineNo ++ ;
099. $LineOut = str_pad( strval( $LineNo ), 3, '0', STR_PAD_LEFT ).'. '.$record.'<br>' ;
100. print( $LineOut ) ;
101. }
102. fclose( $sc ) ;
103. }
104. else { print( 'File not found in '.$path.'<br>' ) ; }
105. print( '</div><br><br>' ) ;
106. }
107. ?>
108.
109. </head>
110.
111. <body background="https://esand.net/liveClock/blueClock/img/blue-mist.jpg" onLoad=" tellTime() ; " >
112.
113. <style type="text/css">
114. select { font: 15px Verdana ; color: #2222AA ; padding: 2px ; background-color: #A0A0A8 ; }
115. input { font: 14px Verdana ; color: #2222AA ; background-color: transparent ; padding: 2px ; }
116. input:hover { font: 14px Verdana ; color: #4444FF ; background-color: #A0A0A8 ; padding: 2px ; }
117. div.s1 input { font: 24px Courier New ; color: #0000FF ; padding: 10px ; text-align: center ; width: 800px ; height: 30px ; border: 0 ; background-color: transparent ; padding-right; 0% ; }
118. div.s2 input { font: 100px Courier New ; color: #0000FF ; font-weight: bold ; padding: 10px ; text-align: center ; width: 800px ; height: 120px ; border: 0 ; background-color: transparent ; opacity: 0.5 ; padding-right: 0% ; }
119. div.s3 input { font: 24px Courier New ; color: #0000FF ; padding: 10px ; text-align: center ; width: 800px ; height: 30px ; border: 0 ; background-color: transparent ; padding-right: 0% ; }
120. div.s4 input { font: 16px Courier New ; color: #0000FF ; padding: 10px ; text-align: center ; width: 800px ; height: 20px ; border: 0 ; background-color: transparent ; padding-right: 0% ; }
121. div.s7 input { font: 24px Courier New ; color: #0000FF ; padding: 10px ; text-align: center ; width: 800px ; height: 30px ; border: 0 ; background-color: transparent ; padding-right: 0% ; font-weight: bold ; }
122. div.tick input { font: 12px Verdana ; color: #4444FF ; font-weight: 600 ; width: 600px ; height: 15px ; border: 0 ; background-color: transparent ; }
123. div.tick input:hover { font: 12px Verdana ; color: #4444FF ; font-weight: 600 ; width: 600px ; height: 15px ; border: 0 ; background-color: transparent ; }
124. a.t:link { font: 10px Verdana ; color: #0000FF ; text-decoration: none ; background-color: transparent ; padding: 2px ; border: 1px solid #A6B9FB ; font-weight: bold ; }
125. a.t:visited { font: 10px Verdana ; color: #0000FF ; text-decoration: none ; background-color: transparent ; padding: 2px ; border: 1px solid #A6B9FB ; font-weight: bold ; }
126. a.t:hover { font: 10px Verdana ; color: #FFFFFF ; text-decoration: none ; background-color: #A6B9FB ; padding: 2px ; border: 1px solid #FFFFFF ; font-weight: bold ; }
127. a.t:active { font: 10px Verdana ; color: #A6B9FB ; text-decoration: none ; background-color: #DDE4F1 ; padding: 2px ; border: 1px solid #DDE4F1 ; font-weight: bold ; }
128. </style>
129.
130. <script type="text/javascript">
131. var bx = 0 ; var bxb = 0 ;
132. function flyingCrane() {
133. bx ++ ;
134. document.getElementById( "flyingCrane" ).style.right = bx + "px" ;
135. if ( bx < 2000 ) { setTimeout( "flyingCrane() ; ", 10 ) ; } else { Hide( "flyingCrane" ) ; bx = 0 ; }
136. }
137. function flyingCraneBack() {
138. bxb ++ ;
139. document.getElementById( "flyingCraneBack" ).style.left = bxb + "px" ;
140. if ( bxb < 2000 ) { setTimeout( "flyingCraneBack() ; ", 10 ) ; } else { Hide( "flyingCraneBack" ) ; bxb = 0 ; }
141. }
142. function craneTimer() {
143. var sSec = seconds ; var sMin = minutes ;
144. if ( ( ( sMin % 3 ) == 0 ) & ( ( sSec == 9 ) | ( sSec == 45 ) ) & ( !isVisible( 'flyingCrane' ) ) ) { Reveal( 'flyingCrane' ) ; flyingCrane() ; }
145. if ( ( ( sMin % 4 ) == 0 ) & ( ( sSec == 51 ) | ( sSec == 16 ) ) & ( !isVisible( 'flyingCraneBack' ) ) ) { Reveal( 'flyingCraneBack' ) ; flyingCraneBack() ; }
146. setTimeout( 'craneTimer() ; ', 500 ) ;
147. }
148. var birdOn = false ;
149. function flyBird() {
150. setTimeout( "Reveal( 'flyingCrane' ) ; flyingCrane() ; ", 2000 ) ;
151. birdOn = true ;
152. craneTimer() ;
153. }
154. </script>
155.
156. <center>
157.
158. <br>
159. <div align="center" class="s1" style="height: 10% ; padding-left: 10% ; margin-top: 10% ; " >
160. <form id="clock1" >
161. <input type="text" name="display1" readonly >
162. </form>
163. </div>
164.
165. <div align="center" class="s2" style="width: 100% ; height: 10% ; " >
166. <form id="clock2" >
167. <input type="text" name="display2" readonly >
168. </form>
169. </div>
170.
171. <div id="flyingCrane" style="display: none ; position: fixed ; top: 200px ; right: 0 ; " >
172. <img src= "https://liveclock.net/blueClock/img/craneLeft.gif" alt="«·" >
173. </div>
174.
175. <div id="flyingCraneBack" style="display: none ; position: fixed ; top: 300px ; left: 0 ; " >
176. <img src="https://liveclock.net/blueClock/img/craneRight.gif" alt="·»" >
177. </div>
178.
179. <div id="sourceS" style="display: none ; " >
180. <div style="margin: 2% ; padding: 2% ; border: 1px solid #666688 ; " >
181. <img src="https://liveclock.net/img/transparentHorizontal.png" alt="100 wide" width="1000" height="1" >
182. <?php
183. viewSource( $bw.'/fullScreen.php' ) ;
184. ?>
185. </div>
186. </div>
187.
188. <div id="space150" style="display: block ; height: 50px ; ">
189. <p>   </p>
190. </div>
191.
192. <div id="sourceC" style="display: none ; " >
193. <div style="margin: 2% ; padding: 2% ; border: 1px solid #666688 ; " >
194. <img src="https://liveclock.net/img/transparentHorizontal.png" alt="100 wide" width="1000" height="1" >
195. <?php
196. viewSource( $bw.'/displayTime.htm' ) ;
197. ?>
198. </div>
199. </div>
200.
201. <div id="sourceS" style="display: none ; " >
202. <div style="margin: 2% ; padding: 2% ; border: 1px solid #666688 ; " >
203. <img src="https://liveclock.net/img/transparentHorizontal.png" alt="100 wide" width="1000" height="1" >
204. <?php
205. viewSource( $bw.'/blueClock/fullScreen.php' ) ;
206. ?>
207. </div>
208. </div>
209.
210. <br>
211. <div id="mainIdea" align="center" class="s7" style="display: block ; width: 100% ; height: 20% ; " >
212. <form id="clock3" >
213. <input type="text" name="display3" readonly >
214. </form>
215. <form id="clock7" >
216. <input type="text" name="display7" readonly >
217. </form>
218. </div>
219.
220. <p>  <br> </p>
221.
222. <div align="center" id="SysClock" class="s4" style="display: none ; " >
223. <form id="cpuT" >
224. <input type="text" name="clockString" readonly >
225. </form>
226. <div align="center" id="SysDate" class="s4" >
227. <form id="cpuD" >
228. <input type="text" name="dateString" readonly >
229. </form>
230. </div>
231. </div>
232.
233. <div id="GMTconvert" style="display: none ; " >
234. <?php
235. include( $bw.'/commons/GMTtoUSAform.php' ) ;
236. ?>
237. </div>
238. <br>
239.
240. <div align="center" id="changeZone" style="display: none ; " >
241. <?php
242. include( $bw.'/commons/changeZone.php' ) ;
243. ?>
244. </div>
245. <br>
246.
247. <div align="center" id="filler" style="display: block ; margin-top: 2% ; " >
248. <p>   </p>
249. <div align="center" class="tick">
250. <form id="ticker" >
251. <input type="text" name="display">
252. </form>
253. <p>   </p>
254. </div>
255. </div>
256.
257. <div id="footer" align="center" style="display: block ; width: 100% ; margin-top: 2% ; " >
258. <img src="/img/transparentHorizontal.png" alt="+" width="800" height="1" ><br>
259. <a href='javascript: goTo( "<?php print( $thisHere.'/index.php'. $q ) ; ?>" ) ; ' class="t" >home</a> · <a href='javascript: goTo( "<?php print( 'https://liveclock.net/fullScreen.php'. $q ) ; ?>" ) ; ' class="t" >alternate view</a> · <a href="javascript: if ( navigator.onLine ) {
260. window.location.assign( 'https://liveclock.org/blueClock/fullScreen.php<?php print( $q ) ; ?>' ) ; } else { alert( 'Sorry! Internet is down right now.' ) ; } " class="t" >alternate host</a> · <a href='javascript: goTo( "window.location.reload()" ) ; ' class="t" >reload screen</a> · <a href="javascript: if ( isVisible( 'changeZone' ) || !navigator.onLine ) { Hide( 'changeZone' ) ; Show( 'filler' ) ; } else { Show( 'changeZone' ) ; Hide( 'filler' ) ; } " class="t" >set time zone</a> · <a href="javascript:
261. if ( navigator.onLine ) { if ( ( phaseTable == null ) || ( phaseTable.closed ) ) { phaseTable=window.open( 'https://esand.net/theCopyExchange/lunarCalendar/moonPhase.php','_blank','location=0,left=1,top=1,height=600,width=1000' ) ; phaseTable.focus() ; } else { phaseTable.close() ; } } else { alert( 'Need online connectivity for this!' ) ; } " class="t" >display lunar calendar</a> · <a href="javascript: if ( navigator.onLine ) {
262. if ( ( contactWindow == null ) || ( contactWindow.closed ) ) { contactWindow=window.open( 'https://liveclock.net/commons/contact.htm','_blank','location=0,left=1,top=1,height=400,width=400' ) ; contactWindow.focus() ; } else { contactWindow.close() ; } } else { alert( 'Please retry when back online.' ) ; } " class="t" >contact</a>
263. </div>
264. <br>
265. <div id="moreFooter" align="center" style="display: block ; width: 100% ; " height="10%" >
266. <a href="javascript: if ( isVisible ( 'SysClock' ) ) { Hide( 'SysClock' ) ; Show( 'filler' ) ; Show( 'mainIdea' ) ; } else { Hide( 'sourceS' ) ; Hide( 'sourceC' ) ; Hide( 'filler' ) ; Show( 'space150' ) ; Show( 'SysClock' ) ; getSysClock() ; getSysDate() ; } " class="t" >display system clock</a> · <a href="javascript: if ( isVisible( 'sourceS' ) ) { Hide( 'sourceS' ) ; Show( 'filler' ) ; Show( 'space150' ) ; Show( 'mainIdea' ) ; } else { Hide( 'sourceC' ) ; Hide( 'mainIdea' ) ; Hide( 'GMTconvert' ) ; Hide( 'filler' ) ; Hide( 'space150' ) ; Show ( 'sourceS' ) ; } " class="t" >display source</a> · <a href="javascript: if ( isVisible( 'sourceC' ) ) { Hide( 'sourceC' ) ; Show( 'filler' ) ; Show( 'space150' ) ; Show( 'mainIdea' ) ; } else { Hide( 'sourceS' ) ; Hide( 'mainIdea' ) ; Hide( 'GMTconvert' ) ; Hide( 'filler' ) ; Hide( 'space150' ) ; Show ( 'sourceC' ) ; } " class="t" >display clockworks</a> · <a href="javascript: if ( isVisible( 'GMTconvert' ) ) { Hide( 'GMTconvert' ) ; Show( 'mainIdea' ) ; Show ( 'filler' ) ; } else { Hide( 'sourceS' ) ; Hide( 'sourceC' ) ; Hide( 'filler' ) ; Show( 'space150' ) ; Show( 'GMTconvert' ) ; } " class="t" >display GMT to US zone</a> · <a href="javascript: if ( birdOn ) { if ( navigator.onLine ) { window.location.reload() ; } } else { flyBird() ; } " class="t" >Bird</a> · <a href="javascript: if ( navigator.onLine ) { alert( 'You are connected to the Internet' ) ; } else { alert( 'No online connection detected' ) ; } " class="t" >Check Internet connectivity</a>
267. <br>
268. </div>
269.
270. <div id="footerSpace" align="center" style="display: block ; width: 100% ; " height="10%" >
271. <p> <br></p>
272. </div>
273.
274. <div id="altFooter" align="center" style="display: none ; width: 100% ; " >
275. <p style="font: 14px Verdana ; color: #808080 ; " >
276. The application could not connect to the Internet, but will continue processing.<br>The clock will reset after reconnection.</p>
277. <p> <br></p>
278. </div>
279.
280. </center>
281.
282. <p> <br></p>
283.
284. <script type="text/javascript">
285. var tickerOn = false ;
286. var newsStr = str200 ;
287. var b = 0 ;
288. document.forms[ "ticker" ].display.value = " " ;
289.
290. function startTicker() {
291. if ( tickerOn ) { return ; }
292. else {
293. if ( navigator.onLine ) {
294. tickerOn = true ;
295. Reveal( 'filler' ) ;
296. Ticker() ;
297. }
298. else{ return ; } }
299. }
300. </script>
301.
302. </body>
303. </html>
304.

display system clock · display source · display clockworks · display GMT to US zone · Bird · Check Internet connectivity