[Beschreibung]
Eine Uhr, die mit der Seite mitscrollt, kann optional auch als Timer eingesetzt werden
[Kompatibilität]
[Code]
<style type="text/css"> #pane {position: absolute; visibility: hidden;} </style> <script language="JavaScript"> <!-- /**************************************************************/ /* You may freely distribute and modify the following code, */ /* but please don't delete the refference to my homepage, so */ /* that people could find the updates on it ... THANK YOU */ /* AUTHOR: Vitaliy Rabotnik */ /* WWW: http://members.rogers.com/vitaliy75 */ /**************************************************************/ /**************************************************************/ /* SCRIPT SETTINGS */ /**************************************************************/ //display timer or clock var TimerOrClock = "clock"; //layer height var layerH = 70; //layer width var layerW = 150; //location of the layer on the page: //top_left, top_right, "bottom_left", "bottom_right" var llocation = "top_right"; //background color of the layer: //transparent - inherits the background of the page; //any color as a word or in hexadecimal var bgcolor = "yellow"; //font color var text = "black"; //font size var font_size = 3; //font face var font_face = "Arial"; //your words var message = "Current time is <br>"; //link text var link = "<a href=\"http://members.rogers.com/vitaliy75\">Vitaliy's World</a>"; /***************** DO NOT EDIT BELOW THIS LINE ***************/ var layer; var IE = document.all; var updateWatch; var start = 0; var NS6 = false; if(document.getElementById && navigator.appName == "Netscape") NS6 = true; function writeTime(time) { var color, size, face, out; color = (text)? text : "black"; size = (font_size)? font_size : 2; face = (font_face)? font_face : "Arial"; out = "<font face = \"" + face + "\" size = " + size + " color = \"" + color + "\">"; out += (message)? message : ""; if(!IE && !NS6) out += " "; out += time; out += "<br>" + link; out += "</font>"; if(IE || NS6) layer.innerHTML = "<table width=\"100%\" height=\"100%\"><tr><td valign=\"middle\" align=\"center\">" + out + "</td></tr></table>"; else { layer.document.open(); layer.document.write("<br> " + "<b>" + out + "</b>"); layer.document.close(); } } function clock() { var hh, mm, ss; var time, d, ampm = "am"; d = new Date(); hh = d.getHours(); mm = d.getMinutes(); ss = d.getSeconds(); if(hh > 12) { hh -= 12; ampm = "pm"; } hh = (hh < 10)? "0" + hh : hh; mm = (mm < 10)? "0" + mm : mm; ss = (ss < 10)? "0" + ss : ss; time = hh + ":" + mm + ":" + ss + " " + ampm; writeTime(time); } function timer() { var hh, mm, ss; var time; hh = parseInt("0" + (start / 3600), 10); mm = parseInt("0" + ((start - (hh * 3600)) / 60), 10); ss = start - (hh * 3600) - (mm * 60); if(start < 60) time = ss + " seconds "; else if(start < 3600 && start > 60) time = mm + " minutes " + ss + " seconds "; else { time = (hh == 1)? hh + " hour " : hh + " hours "; time += (mm == 1)? mm + " minute " : mm + " minutes "; } writeTime(time); start++; } function scroller() { var docH, docW, scrollT, scrollL; <!-- Scroller Code for IE --> if(IE) { layer = document.all.pane; if(layerH) { layer.height = layerH; layer.style.height = layerH; } else layerH = layer.height; if(layerW) { layer.width = layerW; layer.style.width = layerW; } else layerW = layer.width; if(bgcolor) layer.style.background = bgcolor; docH = document.body.clientHeight; docW = document.body.clientWidth; scrollT = document.body.scrollTop; scrollL = document.body.scrollLeft; switch(llocation.toLowerCase()) { case "top_left": layer.style.posTop = scrollT; layer.style.posLeft = scrollL; break; case "top_right": layer.style.posTop = scrollT; layer.style.posLeft = scrollL + (docW - layerW); break; case "bottom_left": layer.style.posTop = scrollT + (docH - layerH); layer.style.posLeft = scrollL; break; case "bottom_right": layer.style.posTop = scrollT + (docH - layerH); layer.style.posLeft = scrollL + (docW - layerW); break; default: layer.style.posTop = scrollT; layer.style.posLeft = scrollL; } layer.style.visibility = "visible"; } <!-- Scroller Code for NS6+ --> else if(NS6) { layer = document.getElementById("pane"); if(layerH) { layer.height = layerH; layer.style.height = layerH; } else layerH = layer.height; if(layerW) { layer.width = layerW; layer.style.width = layerW; } else layerW = layer.width; if(bgcolor) layer.style.background = bgcolor; docH = window.innerHeight; docW = window.innerWidth; scrollT = window.pageYOffset; scrollL = window.pageXOffset; switch(llocation.toLowerCase()) { case "top_left": layer.style.top = scrollT; layer.style.left = scrollL; break; case "top_right": layer.style.top = scrollT; layer.style.left = scrollL + (docW - layerW); break; case "bottom_left": layer.style.top = scrollT + (docH - layerH); layer.style.left = scrollL; break; case "bottom_right": layer.style.top = scrollT + (docH - layerH); layer.style.left = scrollL + (docW - layerW); break; default: layer.style.top = scrollT; layer.style.left = scrollL; } layer.style.visibility = "visible"; } <!-- Scroller Code for NS4 --> else { layer = document.layers.pane; if(!layerH) layerH = 200; if(!layerW) layerW = 100; layer.resizeTo(layerW,layerH); if(bgcolor && bgcolor != "transparent") layer.bgColor = bgcolor; docH = window.innerHeight; docW = window.innerWidth; scrollT = window.pageYOffset; scrollL = window.pageXOffset; switch(llocation.toLowerCase()) { case "top_left": layer.moveTo(scrollL,scrollT); break; case "top_right": layer.moveTo(scrollL + (docW - layerW) - 15, scrollT); break; case "bottom_left": layer.moveTo(scrollL, scrollT + (docH - layerH) - 15); break; case "bottom_right": layer.moveTo(scrollL + (docW - layerW) - 15,scrollT + (docH - layerH) - 15); break; default: layer.moveTo(scrollL,scrollT); } //make layer visible layer.visibility = "show"; } } //--> </script>
<span id="pane"><layer name="pane" width=&{layerW}; height=&{layerH};></layer></span> <script> <!-- var inter = setInterval("scroller();",100); var inter2; if(TimerOrClock.toLowerCase() == "clock") inter2 = setInterval("clock();",1000); else inter2 = setInterval("timer();",1000); //--> </script> <script> if(parent != null) { if(document.getElementById) { parent.frames["left"].document.getElementById("update").innerHTML = "<font face=\"Arial\" size=\"1\" color=\"#FFFFFF\">Last updated: " + parent.frames["right"].document.lastModified + "</font>"; } else if(document.all) parent.frames["left"].document.all["update"].innerHTML = "<font face=\"Arial\" size=\"1\" color=\"#FFFFFF\">Last updated: " + parent.frames["right"].document.lastModified + "</font>"; else if(document.layers) { parent.frames["left"].document.layers["update"].document.open(); parent.frames["left"].document.layers["update"].document.write("<font face=\"Arial\" size=\"1\" color=\"#FFFFFF\">Last updated: " + parent.frames["right"].document.lastModified + "</font>"); parent.frames["left"].document.layers["update"].document.close(); } } </script>
Vitaliy Rabotnik
Kopieren Sie bitte den Code