Avatar billede bgjensen Nybegynder
19. september 2000 - 20:59 Der er 8 kommentarer og
1 løsning

Ur til hjemmeside

Er der en som kan lave et ur til mig.
Det skal fylde cirka en halv side.
Det skal bruges på min hjemmeside.
På forhånd tak.
Avatar billede geeeet Nybegynder
19. september 2000 - 21:02 #1
<html>
<head>
    <title>Ur i span</title>
    <script language=\"javascript\">
    function writeItToLayer(what){
        if(document.layers){
            document.clock.document.write(what);
            document.clock.document.close();
        }
        else{
            clock.innerHTML = what;
        }
    }
   
    function updateClock(){
        var current = new Date();
        var hours = current.getHours();
        var minutes = current.getMinutes();
        var seconds = current.getSeconds();
        writeItToLayer(hours + \":\" + minutes + \":\" + seconds);
    }   
   
    setInterval(\"updateClock();\",1000);   
    </script>
</head>
<body>

<span id=\"clock\" style=\"position:absolute; top:100; left:200;\">&nbsp;</span>

</body>
</html>


Værsgo, så kan du selv rette det til i størrelse...
Placeringen foregår nederst hvor der står left:200; og top:100;

/Geeeet
Avatar billede s_raagaard Nybegynder
20. september 2000 - 01:46 #2
Et fint væg-ur

<html>
<head>
<SCRIPT LANGUAGE=\"JavaScript\">

<!-- Begin
pX = 100;
pY = 100;
obs = new Array(13);
function ob() {
for (i = 0; i < 13; i++) {
if (document.all) obs[i] = new Array (eval(\'ob\'+i).style,-100,-100);
else obs[i] = new Array (eval(\'document.ob\'+i),-100,-100);
  }
}
function cl(a, b, c) {
if (document.all) {
if (a != 0) b += -1;
eval(\'c\'+a+\'.style.pixelTop=\'+(pY+(c)));
eval(\'c\'+a+\'.style.pixelLeft=\'+(pX+(b)));
}
else {
if (a != 0) b += 10;
eval(\'document.c\'+a+\'.top=\'+(pY+(c)));
eval(\'document.c\'+a+\'.left=\'+(pX+(b)));
  }
}
function runClock() {
for (i = 0; i < 13; i++) {
obs[i][0].left=obs[i][1]+pX;
obs[i][0].top=obs[i][2]+pY;
  }
}
var lastsec;
function timer() {
time = new Date ();
sec = time.getSeconds();
if (sec != lastsec) {
lastsec = sec;
sec = Math.PI * sec / 30;
min = Math.PI * time.getMinutes() / 30;
hr = Math.PI * time.getHours() / 6 + Math.PI * parseInt(time.getMinutes()) / 360;
for (i = 1; i < 6; i++) {
obs[i][1] = Math.sin(sec) * (44 - (i-1) * 11) - 16;
if (document.layers)obs[i][1] += 10;
obs[i][2] = -Math.cos(sec) * (44 - (i-1) * 11) - 27;
}
for (i = 6;i < 10; i++) {
obs[i][1] = Math.sin(min) * (40 - (i-6) * 10) - 16;
if (document.layers)obs[i][1] += 10;
obs[i][2] = -Math.cos(min) * (40 - (i-6) * 10) - 27;
}
for (i = 10; i < 13; i++) {
obs[i][1] = Math.sin(hr) * (37 - (i-10) * 11) - 16;
if (document.layers)obs[i][1] += 10;
obs[i][2] = -Math.cos(hr) * (37 - (i-10) * 11) - 27;
      }
  }
}
function setNum() {
cl (0, -67, -65);
cl (1, 10, -51);
cl (2, 28, -33);
cl (3, 35, -8);
cl (4, 28, 17);
cl (5, 10, 35);
cl (6, -15, 42);
cl (7, -40, 35);
cl (8, -58, 17);
cl (9, -65, -8);
cl (10, -58, -33);
cl (11, -40, -51);
cl (12, -16, -56);
}
function startClock() {
ob();
setNum();
setInterval(\'timer()\', 100);
setInterval(\'runClock()\', 100);
}
// End -->
</script>
<style>
..num {color:white;width:30px;text-align:center; }
</style>
</head>

<body onLoad=\"java script:startClock();\">

<div id=\"c0\" style=\"position:absolute;left:36;top:36; z-index:2;\">
<table>
<tr>
<td bgcolor=000000 width=120 height=120>&nbsp;
</td>
</tr>
</table>
</div>
<div id=\"c1\" class=\"num\" style=\"position:absolute;left:20;top:-20; z-index:5;font-size:11px;\"><b>1</b></div>
<div id=\"c2\" class=\"num\" style=\"position:absolute;left:20;top:-20; z-index:5;font-size:11px;\"><b>2</b></div>
<div id=\"c3\" class=\"num\" style=\"position:absolute;left:20;top:-20; z-index:5;font-size:11px;\"><b>3</b></div>
<div id=\"c4\" class=\"num\" style=\"position:absolute;left:20;top:-20; z-index:5;font-size:11px;\"><b>4</b></div>
<div id=\"c5\" class=\"num\" style=\"position:absolute;left:20;top:-20; z-index:5;font-size:11px;\"><b>5</b></div>
<div id=\"c6\" class=\"num\" style=\"position:absolute;left:20;top:-20; z-index:5;font-size:11px;\"><b>6</b></div>
<div id=\"c7\" class=\"num\" style=\"position:absolute;left:20;top:-20; z-index:5;font-size:11px;\"><b>7</b></div>
<div id=\"c8\" class=\"num\" style=\"position:absolute;left:20;top:-20; z-index:5;font-size:11px;\"><b>8</b></div>
<div id=\"c9\" class=\"num\" style=\"position:absolute;left:20;top:-20; z-index:5;font-size:11px;\"><b>9</b></div>
<div id=\"c10\" class=\"num\" style=\"position:absolute;left:20;top:-20; z-index:5;font-size:11px;\"><b>10</b></div>
<div id=\"c11\" class=\"num\" style=\"position:absolute;left:20;top:-20; z-index:5;font-size:11px;\"><b>11</b></div>
<div id=\"c12\" class=\"num\" style=\"position:absolute;left:20;top:-20; z-index:5;font-size:11px;\"><b>12</b></div>

<div id=\"ob0\" class=\"num\" style=\"position:absolute;left:-20;top:-20;z-index:1\">
&nbsp;</div>
<div id=\"ob1\" class=\"num\" style=\"position:absolute;left:-20;top:-20;z-index:8\">
<font size=\"+3\" color=\"#0000ff\"><b>.</b></font></div>
<div id=\"ob2\" class=\"num\" style=\"position:absolute;left:-20;top:-20;z-index:8\">
<font size=\"+3\" color=\"#0000ff\"><b>.</b></font></div>
<div id=\"ob3\" class=\"num\" style=\"position:absolute;left:-20;top:-20;z-index:8\">
<font size=\"+3\" color=\"#0000ff\"><b>.</b></font></div>
<div id=\"ob4\" class=\"num\" style=\"position:absolute;left:-20;top:-20;z-index:8\">
<font size=\"+3\" color=\"#0000ff\"><b>.</b></font></div>
<div id=\"ob5\" class=\"num\" style=\"position:absolute;left:-20;top:-20;z-index:8\">
<font size=\"+3\" color=\"#0000ff\"><b>.</b></font></div>
<div id=\"ob6\" class=\"num\" style=\"position:absolute;left:-20;top:-20;z-index:7\">
<font size=\"+3\" color=\"#00ffff\"><b>.</b></font></div>
<div id=\"ob7\" class=\"num\" style=\"position:absolute;left:-20;top:-20;z-index:7\">
<font size=\"+3\" color=\"#00ffff\"><b>.</b></font></div>
<div id=\"ob8\" class=\"num\" style=\"position:absolute;left:-20;top:-20;z-index:7\">
<font size=\"+3\" color=\"#00ffff\"><b>.</b></font></div>
<div id=\"ob9\" class=\"num\" style=\"position:absolute;left:-20;top:-20;z-index:7\">
<font size=\"+3\" color=\"#00ffff\"><b>.</b></font></div>
<div id=\"ob10\" class=\"num\" style=\"position:absolute;left:-20;top:-20;z-index:6\">
<font size=\"+3\" color=\"#ffff00\"><b>.</b></font></div>
<div id=\"ob11\" class=\"num\" style=\"position:absolute;left:-20;top:-20;z-index:6\">
<font size=\"+3\" color=\"#ffff00\"><b>.</b></font></div>
<div id=\"ob12\" class=\"num\" style=\"position:absolute;left:-20;top:-20;z-index:6\">
<font size=\"+3\" color=\"#ffff00\"><b>.</b></font></div>
</body>
</html>
Avatar billede geeeet Nybegynder
20. september 2000 - 18:05 #3
hmmm...
måske at man ikke gider at hjælpe en anden gang???

sur sur sur lille bi omkring

/Geeeet
Avatar billede s_raagaard Nybegynder
20. september 2000 - 18:41 #4
Hvad er problemet geeeet, hvorfor er du sur?

/søren
Avatar billede geeeet Nybegynder
20. september 2000 - 19:06 #5
Bare lidt skuffet over at have svaret først, korrekt, og så få afvist mit svar...
that\'s all...
Ikke for at skulle gå for vildt op i hvor mange point man har, men det
er jo irreterende at blive ignoreret sådan her...
Det ved du, du har selv prøvet det...
Men det er ligemeget, jeg elsker bare at brokke mig...
Det er en hel livsstil... :-)

/Geeeet
Avatar billede s_raagaard Nybegynder
20. september 2000 - 23:13 #6
Yaaaahhh.....let\'s brok\'n roll

......ok...... ;-)

/søren
Avatar billede nuno Nybegynder
20. september 2000 - 23:21 #7
/me kan faktisk godt se det rigtige i hvad geeeet siger - brok eller ej. Pointsne burde i det mindste have været delt :)

/nuno
Avatar billede s_raagaard Nybegynder
20. september 2000 - 23:52 #8
enig

/søren
Avatar billede geeeet Nybegynder
20. september 2000 - 23:59 #9
tak :-)

glad igen

/Geeeet
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester