Odliczanie czasu, automatyczne odświeżanie strony.

pytanie zadane 8 lutego 2016 w HTML i CSS przez czmyk Obywatel (1,100 p.)
edycja 8 lutego 2016 przez czmyk

Witam,

robie strone ktora bedzie losowala losowa liczbe od 1-14, poniewaz chcialbym zrobic skrypt na cos takiego jak ruletka

stworzyłem coś takiego:

<HTML>
<HEAD>
  <meta charset="utf-8" />
  <title>FUT RULETE</title>
  <meta name="descripton" content="" />
  <meta name="keywords" content="" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>

<div id="logo"><h1>miejsce na logo</h1></div>

<div id="liczba" align="center">
<span id="sekundy"></span>
<script type="text/javascript">
o=document.getElementById('sekundy')
function odliczaj(o,sek){
o.innerHTML=sek
if(sek>0)setTimeout(function(){odliczaj(o,--sek)},1e3)

if(sek==0)

var x=Math.floor((Math.random() * 14));;

if (x==0)
{
document.write("To jest liczba 0 !")
}
if (x==1)
{
document.write("To jest liczba 1 !")
}
if (x==2)
{
document.write("To jest liczba 2 !")
}
if (x==3)
{
document.write("To jest liczba 3 !")
}
if (x==4)
{
document.write("To jest liczba 4 !")
}
if (x==5)
{
document.write("To jest liczba 5 !")
}
if (x==6)
{
document.write("To jest liczba 6 !")
}
if (x==7)
{
document.write("To jest liczba 7 !")
}if (x==8)
{
document.write("To jest liczba 8 !")
}
if (x==9)
{
document.write("To jest liczba 9 !")
}
if (x==10)
{
document.write("To jest liczba 10 !")
}
if (x==11)
{
document.write("To jest liczba 11 !")
}
if (x==12)
{
document.write("To jest liczba 12 !")
}
if (x==13)
{
document.write("To jest liczba 13 !")
}
if (x==14)
{
document.write("To jest liczba 14 !")
}
}
odliczaj(document.getElementById('sekundy'),10)
</script></div>

<script type="text/javascript">

</script>




</BODY>
</HTML>

oraz css



body
{
    background-color: #DAE1E8;
    margin-top:10px;
}

#logo
{
    font-family: Arial;
    font-size: 30px;
    color: black;
    margin-bottom: 20px;
    margin-left: 20px;
    
}


#liczba
{
    font-family: Times new roman;
    font-size: 20px;
    color: black;
    margin-top:340px;
}

Moje pytania brzmią:

dlaczego po odliczeniu czasu do 0 przenosi mnie tak jakby na nową stronę a pokazuje się wynik na pierwotnej?

ss:

http://scr.hu/9jyf/jnist

http://scr.hu/9jyf/nrsqr

Oraz drugie: jak zrobić automatyczne odświeżanie strony np. co 15 sekund? Próbowałem coś takiego:

Ale nie działa.

1 odpowiedź

odpowiedź 8 lutego 2016 przez RegularLemon Stary wyjadacz (12,280 p.)
wybrane 1 września 2016 przez czmyk

Najlepsza

document.write() nadpisuje cały kod jaki jest na stronie, wliczając Twój kod JavaScript. Wylosowaną liczbę powinieneś umieszczać w jakimś div, choćby w div od id 'sekundy'.

Zamiast tylu if, zrób po prostu

blok = document.getElementById("sekundy");
blok.innerHTML = "To jest liczba" + x + "!";

Zamiast odświeżać całą stronę, możesz dać setTimeout na 15 sekund i odświeżać wartości, które cię interesują.

Podobne pytania

0 głosów

2 odpowiedzi 1,831 wizyt

Odliczanie czasu

pytanie zadane 11 sierpnia 2015 w JavaScript przez A_C Użytkownik (880 p.)

0 głosów

1 odpowiedź 1,824 wizyt

Odliczanie czasu na stronie w JS

pytanie zadane 3 czerwca 2017 w JavaScript przez Eryk Chojnacki Obywatel (1,420 p.)

0 głosów

4 odpowiedzi 3,813 wizyt

Prosty skrypt na odliczanie czasu

pytanie zadane 11 lutego 2016 w JavaScript przez movinger Nowicjusz (180 p.)

Odliczanie czasu, automatyczne odświeżanie strony.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci