Notifikationer

Markér alle som læst Log ud

cafo Nybegynder

09. januar 2005 - 15:04 Der er 18 kommentarer og
1 løsning

Ur og dato

Jeg skal have et javascript som viser = 15:05 | d. 9. januar
Det skal "tikke" så uret skifter hvert minut af sig selv..

Jeg har det her script i forvejen:

<script language="JavaScript" type="text/javascript">

</script>

Synes godt om

roenving Novice

09. januar 2005 - 15:19 #1

Hent zippen fra denne side http://roenving.users.whitehat.dk/date/roenvingDate.html, og udpak .js-filen til samme bibliotek, så kan du:

<script language="javascript" type="text/javascript">
window.onload = function(){update();setInterval('update()',60000)}
function update(){
var d = new Date();
document.getElementById('minSpan').innerHTML = d.format("hh:uu | \\d. d. mmmm");
}
</script>

<script language="javascript" type="text/javascript" src="roenvingDate.js"></script>

-- så skal du indsætte et span-tag med den rette id:

<span id="minSpan">En span-tekst</span>

Synes godt om

roenving Novice

09. januar 2005 - 15:21 #2

Måske skal du nedsætte intervallet, for hvis man uheldigvis kommer ind 15:05:55 vil uret altid være næsten et minut bagud !-)

Synes godt om

steen_hansen Forsker

09. januar 2005 - 15:28 #3

<html>

<head>
<title>Min hjemmeside</title>
<script type="text/JavaScript" language="JavaScript">
function funClock() {
(!document.layers && !document.all)
var runTime = new Date();
var hours = runTime.getHours();
var minutes = runTime.getMinutes();
var seconds

= runTime.getSeconds();
if (hours <= 9) {
hours = "0" + hours;
}
if (minutes <= 9) {
minutes = "0" + minutes;
}
if (seconds <= 9) {
seconds = "0" + seconds;
}
movingtime = hours +

":" + minutes + ":" + seconds + " ";
if (document.layers) {
document.layers.clock.document.write(movingtime);
document.layers.clock.document.close();
}
else if (document.all) {
uret.innerHTML = movingtime;
}
else {
document.getElementById("uret").innerHTML = movingtime;
}
setTimeout("funClock()", 1000)
}
window.onload = funClock;
</script>
<script type="text/JavaScript" language="JavaScript">
var ugeDag = new Array ("Søndag","Mandag","Tirsdag","Onsdag","Torsdag","Fredag","Lørdag")
var maaned = new Array ("01","02","03","04","05","06","07","08","09","10","11","12")
var nu = new Date
</script>
</head>

<body onload="funclock();">

<span style="uret"></span><br>
<script language="javascript" type="text/javascript">

</script>

</body>

</html>

- det er med sekunder. Dem kan du jo bare fjerne :)

Synes godt om

roenving Novice

09. januar 2005 - 15:31 #4

Ha, steen, så er det vist lettere at downloade mine Date-enhancements !-)

Synes godt om

steen_hansen Forsker

09. januar 2005 - 15:33 #5

roenving: Ja, jeg så ikke dine indlæg, skulle først have gravet materialet frem :) Det er færdigt, lige til at copy/paste. Men roenving er en rå banan til JS, cafo. Lyt lidt til ham :)

Synes godt om

cafo Nybegynder

09. januar 2005 - 15:37 #6

Jeg kan ikke finde ud af span teksten??
Hvor skal den placeres??

*********************************************************************

<td width="35" align="right" valign="middle" bgcolor="#ededed" id="menu"><div align="center"><a href="#"><img src="images/printer.gif" alt="Printervenlig side" width="17" height="17" border="0"></a></div></td>
<td align="right" valign="middle" bgcolor="#CCCC99" id="dato" title="Dato">
<script language="javascript" type="text/javascript">
window.onload = function(){update();setInterval('update()',60000)}
function update(){
var d = new Date();
document.getElementById('minSpan').innerHTML = d.format("hh:uu | \\d. d. mmmm");
}
</script>
<script language="javascript" type="text/javascript" src="roenvingDate.js"></script>
<img src="images/ur.gif" width="9" height="9" alt="Dato">   </td>

Synes godt om

roenving Novice

09. januar 2005 - 15:38 #7

8 linjer er jo betydeligt lettere at bruge sammenlignet med det fulde script, som du har lagt ...

-- men der er selvfølgelig en betydelig overhead ved at benytte mine enhancements, som jo fylder 300+ linjer !-)

Synes godt om

cafo Nybegynder

09. januar 2005 - 15:39 #8

Synes godt om

roenving Novice

09. januar 2005 - 15:41 #9

Læg scriptet i din head-sektion, og skriv så bare:

<head>
<title>Sidens titel</title>
<script language="javascript" type="text/javascript">
window.onload = function(){update();setInterval('update()',60000)}
function update(){
var d = new Date();
document.getElementById('minSpan').innerHTML = d.format("hh:uu | \\d. d. mmmm");
}
</script>
<script language="javascript" type="text/javascript" src="roenvingDate.js"></script>
</head>
<body>
<table>
<tr>
<td width="35" align="right" valign="middle" bgcolor="#ededed" id="menu"><div align="center"><a href="#"><img src="images/printer.gif" alt="Printervenlig side" width="17" height="17" border="0"></a></div></td>
<td align="right" valign="middle" bgcolor="#CCCC99" id="dato" title="Dato"><span id="minSpan"></span>
<img src="images/ur.gif" width="9" height="9" alt="Dato">   </td>
</tr>
</table>
</body>

Synes godt om

steen_hansen Forsker

09. januar 2005 - 15:41 #10

Ok, jeg har ikke tjekket dine enhacements ud - måske jeg skulle :) Det skal dog siges, at mit virker fint, prøv at give det en vurdering, roenving :)

Undskylder spam, cafo

Synes godt om

steen_hansen Forsker

09. januar 2005 - 15:44 #11

Så lige en fejl:

<html>

<head>
<title>Min hjemmeside</title>
<script type="text/JavaScript" language="JavaScript">
function funClock() {
(!document.layers && !document.all)
var runTime = new Date();
var hours = runTime.getHours();
var minutes = runTime.getMinutes();
var seconds

= runTime.getSeconds();
if (hours <= 9) {
hours = "0" + hours;
}
if (minutes <= 9) {
minutes = "0" + minutes;
}
if (seconds <= 9) {
seconds = "0" + seconds;
}
movingtime = hours +

":" + minutes + ":" + seconds + " ";
if (document.layers) {
document.layers.clock.document.write(movingtime);
document.layers.clock.document.close();
}
else if (document.all) {
uret.innerHTML = movingtime;
}
else {
document.getElementById("uret").innerHTML = movingtime;
}
setTimeout("funClock()", 1000)
}
window.onload = funClock;
</script>
<script type="text/JavaScript" language="JavaScript">
var ugeDag = new Array ("Søndag","Mandag","Tirsdag","Onsdag","Torsdag","Fredag","Lørdag")
var maaned = new Array ("01","02","03","04","05","06","07","08","09","10","11","12")
var nu = new Date
</script>
</head>

<body onload="funclock();">

<span id="uret"></span><br>
<script language="javascript" type="text/javascript">

</script>

</body>

</html>

Synes godt om

cafo Nybegynder

09. januar 2005 - 15:50 #12

kunne jeg få noget hjælp til span id?

Synes godt om

steen_hansen Forsker

09. januar 2005 - 15:59 #13

Hvis du kopierer koden ind i et dokument og uploader det, skulle det meget gerne virke, og du kan placere det på siden som du har lyst til. Det gør det ikke?

Synes godt om

roenving Novice

09. januar 2005 - 16:44 #14

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Sidens titel</title>
<script language="javascript" type="text/javascript">
window.onload = function(){update();setInterval('update()',10000)}
function update(){
var d = new Date();
document.getElementById('minSpan').innerHTML = d.format("hh:uu | \\d. d. mmmm");
}
</script>
<script language="javascript" type="text/javascript" src="roenvingDate.js"></script>
</head>
<body>
<table>
<tr>
<td width="35" align="right" valign="middle" bgcolor="#ededed" id="menu"><div align="center"><a href="#"><img src="images/printer.gif" alt="Printervenlig side" width="17" height="17" border="0"></a></div></td>
<td align="right" valign="middle" bgcolor="#CCCC99" id="dato" title="Dato"><span id="minSpan"></span>
<img src="images/ur.gif" width="9" height="9" alt="Dato">   </td>
</tr>
</table>
</body>
</html>

Synes godt om

steen_hansen Forsker

09. januar 2005 - 16:56 #15

Endnu en lille fejl, funclock skulle være funClock:

<html>

<head>
<title>Min hjemmeside</title>
<script type="text/JavaScript" language="JavaScript">
function funClock() {
(!document.layers && !document.all)
var runTime = new Date();
var hours = runTime.getHours();
var minutes = runTime.getMinutes();
var seconds

= runTime.getSeconds();
if (hours <= 9) {
hours = "0" + hours;
}
if (minutes <= 9) {
minutes = "0" + minutes;
}
if (seconds <= 9) {
seconds = "0" + seconds;
}
movingtime = hours +

":" + minutes + ":" + seconds + " ";
if (document.layers) {
document.layers.clock.document.write(movingtime);
document.layers.clock.document.close();
}
else if (document.all) {
uret.innerHTML = movingtime;
}
else {
document.getElementById("uret").innerHTML = movingtime;
}
setTimeout("funClock()", 1000)
}
window.onload = funClock;
</script>
<script type="text/JavaScript" language="JavaScript">
var ugeDag = new Array ("Søndag","Mandag","Tirsdag","Onsdag","Torsdag","Fredag","Lørdag")
var maaned = new Array ("01","02","03","04","05","06","07","08","09","10","11","12")
var nu = new Date
</script>
</head>

<body onload="funClock();">

<span id="uret"></span><br>
<script language="javascript" type="text/javascript">

</script>

</body>

</html>

Synes godt om

steen_hansen Forsker

03. juli 2005 - 20:29 #16

Lukketid?

Synes godt om

snigeren Nybegynder

07. november 2005 - 22:23 #17

hey der roenving,... lækkert script, lige hvad jeg havde brug for =)

Øhm,.. lige nu viser den: 22:28 | d. 7. november
Men kan man gøre så den kun viser datoen: d. 7. november?

/Snig

Synes godt om

roenving Novice

07. november 2005 - 23:13 #18

Jo !-)

-- fjern de formatteringsregler, som udskriver tiden:

document.getElementById('minSpan').innerHTML = "d. " + d.format("d. mmmm");

Synes godt om

snigeren Nybegynder

07. november 2005 - 23:16 #19

ok tak, det prøver jeg =)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS