Avatar billede badal Nybegynder
30. november 2004 - 09:34 Der er 5 kommentarer og
1 løsning

Et script der viser meddelse i 5 sekunder og derefter dirigere

Jeg skal have lavet et script der venter 5 sekunder inden den viser indholdet på en side. F.eks. en div der fylder hele siden med teksten "vent venligt ..dfdf dfd dfdf" og så efter 5 skifter den til et andet div eksempelvis.
Jeg går udfra at det skal laves med javascript. Men er ikke opmærksom på hvordan ? nogen der har ideer ? andre forslages tages oså imod
Avatar billede timr Nybegynder
30. november 2004 - 10:51 #1
Jeg er ikke sikker på at det er det du mener, men jeg har et forslag til dig, prøv det!

<script type="text/javascript" language="JavaScript">
    var Start = 0;
    var i = Start -1;
    var page = 'www.google.dk'

function Animation()
    {
            if (++i < (Start + 15))
            {
              document.images[i].src="ende.gif";
              setTimeout("Animation()",300);
            }
            if (i == 15)
            {
                document.write("ny side")
               
            }
    }
</script>

<meta name="generator" content="TSW WebCoder">
</head>
<BODY onload="setTimeout('Animation()',10)">

<IMG SRC="Linie.gif" width="20" height="18"
  Border=0>
<IMG SRC="Linie.gif" Width="20" height="18"
  Border=0>
<IMG SRC="Linie.gif" Width="20" height="18"
  Border=0>
<IMG SRC="Linie.gif" Width="20" height="18"
  Border=0>
<IMG SRC="Linie.gif" Width="20" height="18"
  Border=0>
<IMG SRC="Linie.gif" Width="20" height="18"
  Border=0>
<IMG SRC="Linie.gif" Width="20" height="18"
  Border=0>
<IMG SRC="Linie.gif" Width="20" height="18"
  Border=0>
<IMG SRC="Linie.gif" Width="20" height="18"
  Border=0>
<IMG SRC="Linie.gif" Width="20" height="18"
  Border=0>
<IMG SRC="Linie.gif" Width="20" height="18"
  Border=0>
<IMG SRC="Linie.gif" Width="20" height="18"
  Border=0>
<IMG SRC="Linie.gif" Width="20" height="18"
  Border=0>
<IMG SRC="Linie.gif" Width="20" height="18"
  Border=0>
<IMG SRC="Linie.gif" Width="20" height="18"
  Border=0>

Du skal huske at du skal lave nogle images, som scriptet skal bruge for at køre. Tiden som der skal gå inden den skifter, til den rigtige side, kan du selv ændre.

/Tim
Avatar billede thomas_yde Nybegynder
30. november 2004 - 11:52 #2
Jeg er ikke helt sikker på at den skal loope Tim.

Jeg tror det er noget alla:
<script>
function initPage(){
setTimeout("showPage()",5000);
}

function showPage(){
  var objDiv = document.getElementById("divVent");
  objDiv.style.display = "none";
  objDiv = document.getElementById("divContent");
  objDiv.style.display = "block";

}
onload = initPage()
</script>

<body>
<div id="divVent" style="width:100%;height:100%;vertical-align:center;text-align:center;">vent venligst</div>
<div id="divContent">Din side skal være her</div>
</body>


Men jeg forstår ikke helt hvorfor du skal have den ventetid, det er jo kun til irritation for brugeren.
Avatar billede thomas_yde Nybegynder
30. november 2004 - 11:53 #3
Rettelse:

<body>
<div id="divVent" style="width:100%;height:100%;vertical-align:center;text-align:center;display:block;">vent venligst</div>
<div id="divContent" style="display:none;">Din side skal være her</div>
</body>
Avatar billede badal Nybegynder
30. november 2004 - 14:23 #4
Hej thomas det er lige netop det jeg skal bruge. Der mangler en enkelt lille ting i den før den er klar. Der skal "tællers ned" til at der skiftes fra div1 til div2. feks  3...2...1...og så div2

Husk at lægge et svar
Avatar billede thomas_yde Nybegynder
30. november 2004 - 14:39 #5
Det kan godt klares.

<body>
<script>
function initPage(){
    countDown();
}

function showPage(){
  var objDiv = document.getElementById("divVent");
  objDiv.style.display = "none";
  objDiv = document.getElementById("divContent");
  objDiv.style.display = "block";
}

function countDown(){
    if(timer<6){
        var objDiv = document.getElementById("divVent");
        objDiv.innerText = "Vent venligst "+ parseInt(5-timer) + " sekunder";
        timer++;
        setTimeout("countDown()",1000);
    }
    if(timer ==6){
        showPage();
    }
}
var timer = 0;
window.onload = initPage;
</script>

<div id="divVent" style="width:100%;height:100%;vertical-align:center;text-align:center;display:block;">er</div>
<div id="divContent" style="display:none;">Din side skal være her</div>

</body
Avatar billede badal Nybegynder
30. november 2004 - 14:54 #6
Det er perfekt :-)
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