Ur og dato

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>

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 !-)

<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">
    <!-- Dato start
        document.write(ugeDag[nu.getDay()] + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + nu.getDate() + "-" + maaned[nu.getMonth()] + "-" + [nu.getYear()])
    // Dato slut -->
</script>

</body>

</html>

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

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

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 :)

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">&nbsp;&nbsp;&nbsp;</td>

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 !-)

?

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">&nbsp;&nbsp;&nbsp;</td>
  </tr>
</table>
</body>

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

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">
    <!-- Dato start
        document.write(ugeDag[nu.getDay()] + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + nu.getDate() + "-" + maaned[nu.getMonth()] + "-" + [nu.getYear()])
    // Dato slut -->
</script>

</body>

</html>

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

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?

<!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">&nbsp;&nbsp;&nbsp;</td>
  </tr>
</table>
</body>
</html>

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">
    <!-- Dato start
        document.write(ugeDag[nu.getDay()] + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + nu.getDate() + "-" + maaned[nu.getMonth()] + "-" + [nu.getYear()])
    // Dato slut -->
</script>

</body>

</html>

Lukketid?

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

Jo !-)

-- fjern de formatteringsregler, som udskriver tiden:

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

ok tak, det prøver jeg =)