Script - klokken

Hehe prøv denne:

<script language="JavaScript">
<!--
fCol='000000';//face colour.
sCol='ff0000';//seconds colour.
mCol='000000';//minutes colour.
hCol='000000';//hours colour.


H='....';
H=H.split('');
M='.....';
M=M.split('');
S='......';
S=S.split('');
Ypos=0;
Xpos=0;
Ybase=8;
Xbase=8;
dots=12;
ns=(document.layers)?1:0;
if (ns){
dgts='1 2 3 4 5 6 7 8 9 10 11 12';
dgts=dgts.split(' ')
for (i=0; i < dots; i++){
document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>');
}
for (i=0; i < M.length; i++){
document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
}
for (i=0; i < H.length; i++){
document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
}
for (i=0; i < S.length; i++){
document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=1; i < dots+1; i++){
document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++){
document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
}
document.write('</div></div>')
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++){
document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++){
document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
}
document.write('</div></div>')
}
function clock(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;
if (ns){
Ypos=window.pageYOffset+window.innerHeight-60;
Xpos=window.pageXOffset+window.innerWidth-80;
}
else{
Ypos=document.body.scrollTop+window.document.body.clientHeight-60;
Xpos=document.body.scrollLeft+window.document.body.clientWidth-60;
}
if (ns){
for (i=0; i < dots; ++i){
document.layers["nsDigits"+i].top=Ypos-5+40*Math.sin(-0.49+dots+i/1.9);
document.layers["nsDigits"+i].left=Xpos-15+40*Math.cos(-0.49+dots+i/1.9);
}
for (i=0; i < S.length; i++){
document.layers["nx"+i].top=Ypos+i*Ybase*Math.sin(sec);
document.layers["nx"+i].left=Xpos+i*Xbase*Math.cos(sec);
}
for (i=0; i < M.length; i++){
document.layers["ny"+i].top=Ypos+i*Ybase*Math.sin(min);
document.layers["ny"+i].left=Xpos+i*Xbase*Math.cos(min);
}
for (i=0; i < H.length; i++){
document.layers["nz"+i].top=Ypos+i*Ybase*Math.sin(hrs);
document.layers["nz"+i].left=Xpos+i*Xbase*Math.cos(hrs);
}
}
else{
for (i=0; i < dots; ++i){
ieDigits[i].style.pixelTop=Ypos-15+40*Math.sin(-0.49+dots+i/1.9);
ieDigits[i].style.pixelLeft=Xpos-14+40*Math.cos(-0.49+dots+i/1.9);
}
for (i=0; i < S.length; i++){
x[i].style.pixelTop =Ypos+i*Ybase*Math.sin(sec);
x[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(sec);
}
for (i=0; i < M.length; i++){
y[i].style.pixelTop =Ypos+i*Ybase*Math.sin(min);
y[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(min);
}
for (i=0; i < H.length; i++){
z[i].style.pixelTop =Ypos+i*Ybase*Math.sin(hrs);
z[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(hrs);
}
}
setTimeout('clock()',50);
}
if (document.layers || document.all) window.onload=clock;
//-->
</script>

michaelb>>>kan dette ikke gøres mere rationelt, syntes da gdt nok den er meget stor

MC - Findes der ikke en funktion i php til det samme

<?
$d = "%d";    // Ønskes dato skal der stå "%d" - ellers skal feltet være tomt
$b = "%B";    // Ønskes måned skal der stå "%B" - ellers skal feltet være tomt
$y = "%Y";    // Ønskes år skal der stå "%Y" - ellers skal feltet være tomt
$h = "%H";    // Ønskes time skal der stå "%H" - ellers skal feltet være tomt
$m = "%M";    // Ønskes minutter skal der stå "%M" - ellers skal feltet være tomt
$s = "%S";    // Ønskes sekundter skal der stå "%S" - ellers skal feltet være tomt
?>

<html>
<head>
  <title>Klokken</title>
</head>
<body bgcolor="#999999">

  <!-- ------------------------- -->
  <!-- Lavet af Michael Bested  -->
  <!-- trashcan@trashcan.dk      -->
  <!-- www.the-gnu.dk            -->
  <!-- ------------------------- -->

<font face="arial">
<? echo (strftime("$d $b $y $h:$m:$s"))?>
</font>

</body>
</html>

Hehe det var bare for sjov...

Prøv her:


<html>
<head>

<title>JavaScript Ur</title>

<!-- Her starter scriptet til uret -->
<SCRIPT LANGUAGE="Livescript">

var timerID = null
var UrTaendt = false
function StopUr(){
// kan ikke direkte teste timerID på DEC OSF/1 i beta 4.
if(UrTaendt)
clearTimeout(timerID)
UrTaendt = false
}
function StartUr(){
// Sikrer at uret er stoppet
StopUr()
VisTid()
}

function VisTid(){
var nu = new Date()
var time = nu.getHours()
var min = nu.getMinutes()
var sek = nu.getSeconds()
var timeVaerdi = "" + ((time < 10) ? "0" : "") + time
timeVaerdi += ((min < 10) ? ":0" : ":") + min
timeVaerdi += ((sek < 10) ? ":0" : ":") + sek
document.tidspunkt.ud.value = timeVaerdi;
timerID = setTimeout("VisTid()",1000)
UrTaendt = true

}
//-->
</SCRIPT>
<!-- Her slutter scriptet til uret -->

</HEAD>

<!-- Husk at sætte onLaod="StartUr()" ind i <Body> -->

<BODY onLoad="StartUr()">

<!-- Her er formen der bruges til at fremvise uret -->

<form name="tidspunkt" onSubmit="0">
<input type="text" name="ud" size="6">
</FORM>

</body>
</html>

zyberwizard>> den opdatere ikke med sekund intervald

MC

michael kan den form ikke komme væk har lige siddet og kigget på det men kan sku ikke få den væk. du kan se på gaim hvordan hans er

MC

Du kan lege videre med denne:


<HTML>
<HEAD>
  <TITLE>Vis klokken, http://www.eksperten.dk/spm/188356 </TITLE>
</HEAD>
<body onLoad="bodyloaded()">
Virker ikke i NS?<p>
<div id="datodiv" name="datodiv"></div>
<script>
function two(s){
return (s-0<10)?'0'+s:s;
}
function getDTStr(){
dato = new Date();
d = dato.getDay();
m = dato.getMonth();
y = dato.getFullYear();
h = dato.getHours();
mi = dato.getMinutes();
s = dato.getSeconds();
return two(d)+'-'+two(m)+'-'+two(y)+' '+two(h)+':'+two(mi)+'.'+two(s);
delete dato;
}
function updatedato(){
datodiv.innerHTML = getDTStr();
}
function bodyloaded(){
window.setInterval('updatedato();', 500);
}
</script>
</body>

</HTML>

desvære intet af det virker er så småt på vej væk fra min ide

MC