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 Live Clock</title>
006. <!-- Host is theCopyExchange on A2 -->
007. <meta name="description" content="Current time displayed, local or other zone, in large numbers - Always ad-free, cookie-free, open-source." >
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://liveclock.org/commons/mainStylesheet.css" >
011. <link rel="shortcut icon" href="favicon.ico" >
012. <script type="text/javascript">
013.
014. if ( contactWindow != null ) { contactWindow.close() ; }
015. else { var contactWindow ; }
016. if ( phaseTable != null ) { phaseTable.close() ; }
017. else { var phaseTable ; }
018.
019. <?php
020. $dsplPic = 0 ;
021. $qry = $_SERVER[ 'QUERY_STRING' ] ;
022. if ( $qry == NULL ) { $q = "" ; }
023. else { $q = "?".$qry ; }
024. print ( '
025. function Exit() { window.location = "/'.$q.'" ; }
026. ' ) ;
027. error_reporting (E_ERROR | E_WARNING | E_PARSE ) ;
028. include ( 'timeFunctions.php' ) ;
029. $jw = '/home/copyexch/public_html' ;
030. $bw = $jw.'/liveClock' ;
031. include ( $bw.'/timeChange.php' ) ;
032. include ( $bw.'/displayTime.htm' ) ;
033. include ( $bw.'/disclaim.php' ) ;
034. $tZone = " " ; $tZ = " " ; $cont = " " ;
035. $blue = "" ;
036. $thisHere = 'https://'.strtolower( $_SERVER[ 'HTTP_HOST' ] ) ;
037. $GMTmo = gmdate( 'm' ) ;
038. $GMTda = gmdate( 'd' ) ;
039. $GMThr = gmdate( 'H' ) ;
040. function viewSource( $fn ) {
041. $path = $fn ;
042. print( '
043. <div align="left" style="font: 11px Courier ; " >
044. <br><br>
045. ' ) ;
046. $LineNo = 0 ;
047. $LineOut = ' ' ;
048. if ( ( $sc = fopen( $fn, 'r' ) ) != false ) {
049. while ( ( $record = fgets( $sc ) ) != false ) {
050. $record = str_replace( '&', '&', $record ) ;
051. $record = str_replace( '<', '<', $record ) ;
052. $record = str_replace( '>', '>', $record ) ;
053. $LineNo ++ ;
054. $LineOut = str_pad( strval( $LineNo ), 3, '0', STR_PAD_LEFT ).'. '.$record.'<br>' ;
055. print( $LineOut ) ;
056. }
057. fclose( $sc ) ;
058. }
059. else { print( 'File not found in '.$path.'<br>' ) ; }
060. print( '</div><br><br>' ) ;
061. }
062. ?>
063. var b = 0 ;
064. var tmr = null ;
065. var newsStr = " " ;
066. var str200 = " " ;
067. var ix = 1 ;
068. while ( ix < 200 ) { str200 = str200 + " " ; ix ++ ; }
069. newsStr = str200 ;
070. function Ticker() {
071. b=( b==newsStr.length )? 0 : b + 1 ;
072. if( b <= 1 ) {
073. newsStr = str200 + disclaimer ;
074. b = 2 ;
075. }
076. document.forms[ "ticker" ].display.value = newsStr.substr( b ) ;
077. tmr = setTimeout( "Ticker()", 200 ) ;
078. }
079. function setClockVariables() {
080. document.forms[ "clock1" ].display1.value = " " ;
081. if ( tZone == "GMT" ) { document.forms[ "clock2" ].display2.value = clock2 ; }
082. else { document.forms[ "clock2" ].display2.value = clock6 ; }
083. document.forms[ "clock7" ].display7.value = clock7 ;
084. if ( ( minutes % 20 == 2 ) && ( seconds == 30 ) ) { startTicker() ; }
085. }
086. function clearTicker() {
087. clearTimeout( tmr ) ;
088. var tmr = null ;
089. var tickerOn = false ;
090. var newsStr = str200 ;
091. var b = 0 ;
092. document.forms[ "ticker" ].display.value = " " ;
093. }
094. </script>
095. </head>
096. <body background-color="#000000" onLoad=" tellTime() ; " >
097.
098. <style type="text/css">
099. 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: 200px ; }
100. 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: 200px ; }
101. 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: 200px ; }
102. 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: 200px ; }
103. div.tick input { font: 12px Verdana ; color: #3030BB ; font-weight: 600 ; width: 1000px ; height: 15px ; border: 0 ; background-color: transparent ; margin-right: 100px ; }
104. div.tick input:hover { font: 12px Verdana ; color: #3030BB ; font-weight: 600 ; width: 1000px ; height: 15px ; border: 0 ; background-color: transparent ; margin-right: 100px ; }
105. </style>
106.
107. <center>
108.
109. <div id="dark" style="display: block ; background-color: transparent ; " >
110. <img src="https://liveclock.org/img/transparentVertical.png" width="1" height="150" alt="dark screen top" >
111. </div>
112.
113. <div id="moon" style="display: none ; " >
114. <a href="javascript: if ( ( ( phaseTable == null ) || ( phaseTable.closed ) ) && navigator.onLine ) {
115. phaseTable=window.open( 'https://liveclock.org/commons/moonPhase.php','_blank','location=0,left=1,top=1,height=550,width=900' ) ; phaseTable.focus() ; } else { phaseTable.close() ; } " style="border: none ; " >
116. <?php
117. include( 'moon.php' ) ;
118. ?>
119. </a>
120. </div>
121.
122. <table>
123. <tr>
124. <td width="15%" >
125. <div id="zoneMenu" style="display: none ; background-color: transparent ; " >
126. <img src="https://liveclock.org/img/transparentHorizontal.png" width="75" height="1" alt="side bar open" >
127. <div style="border: 1px solid #442222 ; font: 12px Verdana ; margin-left: 30px ; text-align: left ; padding-left: 30px ;" >
128. <br><br>
129. <a href="https://liveclock.org/index.php" class="t" >Other</a>
130. </div>
131. </div>
132. </td>
133. <td width="85%" >
134.
135. <div align="center" class="s1" >
136. <form id="clock1" >
137. <input type="text" name="display1" readonly >
138. </form>
139. </div>
140. <div align="center" class="s2" >
141. <form id="clock2" >
142. <input type="text" name="display2" readonly >
143. </form>
144. </div>
145.
146. <script type="text/javascript">
147. var bx = 0 ; var bxb = 0 ;
148. function flyingDino() {
149. bx ++ ;
150. document.getElementById( "flyingDino" ).style.right = bx + "px" ;
151. if ( bx < 2000 ) { setTimeout( "flyingDino() ; ", 10 ) ; } else { Hide( "flyingDino" ) ; bx = 0 ; }
152. }
153. function flyingDinoBack() {
154. bxb ++ ;
155. document.getElementById( "flyingDinoBack" ).style.left = bxb + "px" ;
156. if ( bxb < 2000 ) { setTimeout( "flyingDinoBack() ; ", 10 ) ; } else { Hide( "flyingDinoBack" ) ; bxb = 0 ; }
157. }
158. function DinoTimer() {
159. var sSec = seconds ; var sMin = minutes ;
160. if ( ( ( sMin % 3 ) == 0 ) & ( ( sSec == 9 ) | ( sSec == 45 ) ) & ( !isVisible( 'flyingDino' ) ) ) { Reveal( 'flyingDino' ) ; flyingDino() ; }
161. if ( ( ( sMin % 4 ) == 0 ) & ( ( sSec == 51 ) | ( sSec == 16 ) ) & ( !isVisible( 'flyingDinoBack' ) ) ) { Reveal( 'flyingDinoBack' ) ; flyingDinoBack() ; }
162. setTimeout( 'DinoTimer() ; ', 500 ) ;
163. }
164. function flyBird() {
165. setTimeout( "Reveal( 'flyingDino' ) ; flyingDino() ; ", 2000 ) ;
166. DinoTimer() ;
167. }
168. </script>
169.
170. <div id="flyingDino" style="display: none ; position: fixed ; top: 160px ; right: 0 ; " >
171. <img src= "https://liveclock.org/img/pterodactylLeft.gif" alt="«·" >
172. </div>
173.
174. <div id="flyingDinoBack" style="display: none ; position: fixed ; top: 400px ; left: 0 ; " >
175. <img src="https://liveclock.org/img/pterodactylRight.gif" alt="·»" >
176. </div>
177.
178. <div id="space150" style="display: block ; height: 100px ; ">
179. <img src="https://liveclock.org/img/transparentVertical.png" alt="150 high" height="100 " width="1" >
180. </div>
181.
182. <div id="sourceS" style="display: none ; " >
183. <div style="margin: 2% ; padding: 2% ; border: 1px solid #666688 ; " "">
184. <img src="https://liveclock.org/img/transparentHorizontal.png" alt="100 wide" width="1000" height="1" >
185. <?php
186. viewSource( $bw.'/fullScreen.php' ) ;
187. ?>
188. </div>
189. </div>
190.
191. <div id="sourceC" style="display: none ; " >
192. <div style="margin: 2% ; padding: 2% ; border: 1px solid #666688 ; " >
193. <img src="https://liveclock.org/img/transparentHorizontal.png" alt="100 wide" width="1000" height="1" >
194. <?php
195. viewSource( $bw.'/displayTime.htm' ) ;
196. ?>
197. </div>
198. </div>
199.
200. <div id="mainIdea" align="center" class="s3" style="display: block ; height: 100px ; " >
201. <form id="clock3" >
202. <input type="text" name="display3" readonly >
203. </form>
204. <form id="clock7" >
205. <input type="text" name="display7" readonly >
206. </form>
207. </div>
208.
209. <div align="center" id="SysClock" class="s4" style="display: none ; padding-left: 0% ; height: 15% ; " >
210. <form id="cpuT" >
211. <input type="text" name="clockString" readonly >
212. </form>
213. <div align="center" id="SysDate" class="s4" >
214. <form id="cpuD" >
215. <input type="text" name="dateString" readonly >
216. </form>
217. </div>
218. <p> <br> </p>
219. </div>
220.
221. <div id="GMTconvert" style="display: none ; width: 85% ; height: 100px ; " >
222. <?php
223. include( $bw.'/commons/GMTtoUSAform.php' ) ;
224. ?>
225. <br>
226. </div>
227.
228. <div align="center" id="changeZone" style="display: none ; width: 85% ; height: 100px ; " >
229. <?php
230. include( $bw.'/commons/changeZone.php' ) ;
231. ?>
232. <br>
233. </div>
234.
235. <div align="center" id="filler" style="display: block ; padding-left: 0% ; height: 15% ; " >
236. <p> <br> <br> </p>
237. <div align="center" class="tick">
238. <form id="ticker" >
239. <input type="text" name="display" >
240. </form>
241. </div>
242. <p> <br> <br> </p>
243. </div>
244.
245. <div id="footer" align="center" style="display: block ; width: 85% ; " >
246. <a href='javascript: goTo( "<?php print( $thisHere.'/index.php'. $q ) ; ?>" ) ; ' class="t" >home</a> · <a href='javascript: goTo( "<?php print( $thisHere.'/blueClock/fullScreen.php'. $q ) ; ?>" ) ; ' class="t" >alternate view</a> · <a href="javascript: if ( navigator.onLine ) {
247. window.location.assign( 'https://liveclock.net/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 ) {
248. if ( ( contactWindow == null ) || ( contactWindow.closed ) ) { contactWindow=window.open( 'https://liveclock.org/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: if ( isVisible( 'moon' ) ) { window.location.reload() ; } else { if ( tickerOn ) { clearTicker() ; } ; Hide( 'dark' ) ; Show( 'moon' ) ; } " class="t" >see moon</a> · <a href="javascript: ToggleDisplay( 'moreFooter' ) ; ToggleDisplay( 'footerSpace' ) ; if( isVisible( 'moon' ) ) { Hide( 'moon' ) ; Show( 'dark' ) ; } " class="t" title="System Clock · View Source · Lunar Calendar by Year · Show Night Bird" >+/-</a>
249. </div>
250. <br>
251. <div id="moreFooter" align="center" style="display: none ; width: 85% ; " height="10%" >
252. <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( 'sourceS' ) ) { Hide( 'sourceS' ) ; Show( 'mainIdea' ) ; } else { Hide( 'sourceC' ) ; Hide( 'mainIdea' ) ; Show ( 'sourceS' ) ; } " class="t" >display source</a> · <a href="javascript: if ( isVisible( 'sourceC' ) ) { Hide( 'sourceC' ) ; Show( 'mainIdea' ) ; } else { Hide( 'sourceS' ) ; Hide( 'mainIdea' ) ; Show ( 'sourceC' ) ; } " class="t" >display clockworks</a> · <a href="javascript: if ( isVisible( 'moon' ) ) { window.location.reload() ; } else { if ( tickerOn ) { clearTicker() ; } ; ToggleDisplay( 'dark' ) ; ToggleDisplay( 'moon' ) ; flyBird() ; } " class="t" >fly bird</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:
253. if ( navigator.onLine ) { if ( ( phaseTable == null ) || ( phaseTable.closed ) ) { phaseTable=window.open( 'https://liveclock.org/commons/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>
254. <br>
255. </div>
256.
257. <div id="footerSpace" align="center" style="display: block ; width: 50% ; " height="10%" >
258. <p> <br></p>
259. </div>
260.
261. <div id="altFooter" align="center" style="display: none ; width: 85% ; " >
262. <p style="font: 14px Verdana ; color: #808080 ; " >
263. The application could not connect to the Internet, but will continue processing.<br>The clock will reset after reconnection.</p>
264. <p> <br></p>
265. </div>
266.
267. <p> <br></p>
268.
269. </td></tr></table>
270.
271. </center>
272.
273. <script type="text/javascript" >
274.
275. var GMTmo = "<?php print( $GMTmo ) ; ?>" ;
276. var GMTda = "<?php print( $GMTda ) ; ?>" ;
277. var GMThr = "<?php print( $GMThr ) ; ?>" ;
278. if ( ( GMTmo == "11" ) && ( GMTda == "01" ) && ( GMThr < "06" ) ) { Hide( 'dark' ) ; Show( 'moon' ) ; flyBird() ; }
279.
280. var tickerOn = false ;
281. var newsStr = str200 ;
282. var b = 0 ;
283. document.forms[ "ticker" ].display.value = " " ;
284.
285. function startTicker() {
286. if ( ( tickerOn ) || ( isVisible( 'moon' ) ) ) { return ; }
287. else {
288. tickerOn = true ;
289. Reveal( 'filler' ) ;
290. Ticker() ;
291. }
292. }
293. </script>
294.
295. </body>
296. </html>
297.