[HTML][JavaScript]Prosty Stoper (ćwiczenie) Opcje

[Falling Blind]

Witam. W ramach nauki JS postanowiłem napisać sobie prosty stoper. Doszedłem do takiej postaci a moim problemem jest, że mimo napisanej funkcji, która ma zmieniać styl diva "timebox" na "visible" po kliknięciu na przycisk, nie działa ona. Może coś przeoczyłem? Dopiero się uczę więc to bardzo możliwe.


EDIT: Przepraszam i poprawiam się. Zamiast kodu wstawiam link:
http://jsbin.com/uqomoj/2/watch

Czy to niedziałający onclick, czy moja funkcja kuleje?

Ten post edytował Falling Blind 20.07.2013, 08:43:09

[lobopol]

link nie działa

[Falling Blind]

Ehhh... zauważyłem... jest jakaś inna stronka do wrzucania kodu?

EDIT: Już mam działający link:
http://jsfiddle.net/kTSZw/

Ten post edytował Falling Blind 20.07.2013, 11:34:04

[Tuminure]

Poprawiony kod:
http://jsfiddle.net/kTSZw/2/

Na jsfiddle takie coś nie zadziała z ustawieniem Frameworks & Extension na onLoad.

[HTML] pobierz, plaintext 
<button id="click" onclick="visibility()">
[HTML] pobierz, plaintext 

Przypisujesz (nieistniejącą) zmienną visible, do stylu elementu timebox. Chodziło o zapewne o string "visible"

[JAVASCRIPT] pobierz, plaintext 
document.getElementById('timebox').style.visibility = visible;
[JAVASCRIPT] pobierz, plaintext 

Już przy załadowaniu skryptu uruchamiasz funkcję count, zamiast uruchamiać ją dopiero, po kliknięciu start. W dodatku uruchamiasz ją przed jej definicją.

[JAVASCRIPT] pobierz, plaintext 
setInterval("count()", 10);
[JAVASCRIPT] pobierz, plaintext 

Resztę zmian myślę, że wywnioskujesz sam, doszukasz w google lub dopytasz.

[Falling Blind]

Próbowałem zrobić coś takiego:

[JAVASCRIPT] pobierz, plaintext 
window.onload = function() 
{
     document.getElementById('click').onclick= count();
     document.getElementById('click').onclick = setInterval(count(), 10);
}
[JAVASCRIPT] pobierz, plaintext 

Ale funkcja count() tak czy siak uruchamiała się jeszcze zanim kliknałem przycisk start.

Ten post edytował Falling Blind 20.07.2013, 12:40:16

[Tuminure]

Zmienna onclick to zmienna, jak każda inna. Nie można przypisać jej kilku wartości i liczyć, że wszystkie zostaną zapamiętane.
W dodatku po prawej stronie od znaku równości masz funkcje. W takim wypadku, do zmiennej zostaje wprowadzony wynik funkcji.

Twój kod działa mniej więcej podobnie do tego:
http://jsfiddle.net/c7JHA/

Swoją drogą setInterval uruchamia funkcję co określony czas. Nie trzeba jej uruchamiać wcześniej.

Ten post edytował Tuminure 20.07.2013, 12:56:56

[Falling Blind]

Wiem że setInterval uruchamia funkcję automatyczxnie. ale chciałem żeby ta funkcja zaczęła się powtarzać dopier po kliknięciu start a nie już przed. I dzieki za wyjaśnienie sprawy z onclick Wynika z tego że trzeba korzystać z wielu innych sposobów a nie tylko onclick tak? są jakieś typowe zastępcze sposoby czy trzeba kombinować?

[Tuminure]

Zależy co masz na myśli przez "kombinować".

Zazwyczaj nic nie stoi na przeszkodzie, by stworzyć dodatkową funkcję, która będzie uruchamiała wymagany kod (jak to zrobiłem w kodzie, w pierwszej odpowiedzi)

Tutaj opisane na troszkę prostszym przykładzie + jeszcze sposób z jQuery
http://jsfiddle.net/eBb3X/

[Falling Blind]

Pisząc kombinować miałęm właśnie na myśli pisanie prostych funkcji