Poradnik Odliczanie 5 sekund i pojawienie się SKIP AD - javascript

rachman · 07-11-2016, 23:04

Sprawdź:

Czasami na forach o to pytają więc wstawiam, może komuś się przyda.
Kod odlicza od 5 do 0 i pojawia się klikalne SKIP AD:

Kod:
<div id="licznikAd">5 sekund</div> //tu wyświetlamy licznik i SKIP AD po 5 sekundach

<script>
var divAd= document.getElementById("licznikAd");

function liczAd() {
  setTimeout(sekundy4, 1000);
  setTimeout(sekundy3, 2000);
  setTimeout(sekundy2, 3000);
  setTimeout(sekundy1, 4000);
  setTimeout(skipAd, 5000);
}

function sekundy4(){divAd.innerHTML = "4 sekund";}
function sekundy3(){divAd.innerHTML = "3 sekund";}
function sekundy2(){divAd.innerHTML = "2 sekund";}
function sekundy1(){divAd.innerHTML = "1 sekund";}

function skipAd(){
  divAd.innerHTML = "<a href='http://twojlink.pl'>SKIP AD</a>"; //tu wstaw link, do przejścia po kliknięciu SKIP AD
}

liczAd(); //odpalamy skrypt
</script>

~~krutek90~~ · 07-11-2016, 23:54

Zoptymalizowana wersja.
Mam nadzieję, że rachman się nie pogniewa.

Kod:
// Zamiast atrybutu "A", możemy np. ustawić ID dla konkretnego DIV-a.

<a href="ODNOŚNIK URL" id="pokaz">Nazwa odnośnika</a>

<script>
var pokazDIV = document.getElementById("pokaz");
var counter = 10; // Ustalamy ilość sekund.
var newElement = document.createElement("p");
newElement.innerHTML = "Twój odnośnik ukażę się za 10 sekund.";
var id;
pokazDIV.parentNode.replaceChild(newElement, pokazDIV);

id = setInterval(function() {
    counter--;
    if(counter < 0) {
        newElement.parentNode.replaceChild(pokazDIV, newElement);
        clearInterval(id);
    } else {
        newElement.innerHTML = "Twój odnośnik ukażę się za " + counter.toString() + " sekund/y.";
    }
}, 1000);
</script>

rachman · 08-11-2016, 00:03

Nie gniewam się spoko Wink

Moja wersja miała być prosta w budowie by laik mógł wychwycić o co kaman.
W tak prostym i krótkim skrypcie optymalizować nawet nie przyszło mi do głowy - bardziej zrobiłem to tak by po kolei patrząc każdy widział po kolei co się dzieje. Jak widzisz Twoja optymalizacja wiele kodu nie zniwelowała, ale ma deczko inne możliwości, zresztą jak wiemy oboje każdy kodzik można na wiele sposobów przepisać a zainteresowani niech korzystają i poprawiają na swoje potrzeby Smile

~~krutek90~~ · 08-11-2016, 00:07

rachman Zgadzam się, bardzo doceniam Twój poradnik, dlatego też poleciał plusik. Wielu użytkownikom, na pewno przydadzą się owe skrypciki.

Pozdrawiam serdecznie Smile

rachman · 08-11-2016, 00:11

Wiesz na innym forum ktoś potrzebował i tak na szybciutko bez myślenia poszło... więc pomyślałem a wrzucę też do nas Smile

Poprawek by się w moim przydało wiadomo - ale osoba tamta pisała że jest zielona więc rozumiesz - optymalizacja itd. (tym bardziej że to miało być kopiuj/wklej a skrypt totalnie prosty) nie była potrzebna. Niemniej może jakąś zmianę wprowadzę Wink

Dzięki za Twoje wstawki, zawsze im więcej tym lepiej.

zarg4 · 10-11-2017, 22:18

Witam

Macie skrypt, który na danej stronie otwiera skrócony link, czeka aż się pojawi SKIP AD i klika w ten napis (buton) ????? Wink

Jeśli nie, to czy jest skrypt na samo kliknięcie na stronie w określonym miejscu ????

rachman · 10-11-2017, 23:31

@zarg4 Chodzi Ci o otworzenie skróconego linka w oknie, wykrycie odczekania czasu i kliknięcie z automatu SKIPa? To raczej wtyczką jakąś do przeglądarki musiałbyś ogarnąć albo jakiś programik stworzyć.
Z poziomu JavaScript nie ma dostępu do "cudzych" stron ze względów bezpieczeństwa więc nie otworzysz jej sobie w iframe i nie klikniesz kiedy trzeba.

~~krutek90~~ ZAKAZ HANDLU/ZLECEŃ Liczba postów: 404 Dołączył: May 2016 Forum Gold: 70.00	Post: #2 RE: Odliczanie 5 sekund i pojawienie się SKIP AD - javascript Zoptymalizowana wersja. Mam nadzieję, że rachman się nie pogniewa. Kod: // Zamiast atrybutu "A", możemy np. ustawić ID dla konkretnego DIV-a. <a href="ODNOŚNIK URL" id="pokaz">Nazwa odnośnika</a> <script> var pokazDIV = document.getElementById("pokaz"); var counter = 10; // Ustalamy ilość sekund. var newElement = document.createElement("p"); newElement.innerHTML = "Twój odnośnik ukażę się za 10 sekund."; var id; pokazDIV.parentNode.replaceChild(newElement, pokazDIV); id = setInterval(function() { counter--; if(counter < 0) { newElement.parentNode.replaceChild(pokazDIV, newElement); clearInterval(id); } else { newElement.innerHTML = "Twój odnośnik ukażę się za " + counter.toString() + " sekund/y."; } }, 1000); </script> (Ten post był ostatnio modyfikowany: 08-11-2016, 00:40 przez krutek90.)
Glosy:	rachman (+1)
07-11-2016, 23:54

rachman Przyjaciel Forum Liczba postów: 5,903 Dołączył: Jan 2013 Reputacja: 1,908 Odznaczenia: (Zobacz Odznaczenia) Poziom: Forum Gold: 2,805.20	Post: #3 RE: Odliczanie 5 sekund i pojawienie się SKIP AD - javascript Nie gniewam się spoko Moja wersja miała być prosta w budowie by laik mógł wychwycić o co kaman. W tak prostym i krótkim skrypcie optymalizować nawet nie przyszło mi do głowy - bardziej zrobiłem to tak by po kolei patrząc każdy widział po kolei co się dzieje. Jak widzisz Twoja optymalizacja wiele kodu nie zniwelowała, ale ma deczko inne możliwości, zresztą jak wiemy oboje każdy kodzik można na wiele sposobów przepisać a zainteresowani niech korzystają i poprawiają na swoje potrzeby Kod rabatowy SeoHost.pl - 30%
Glosy:
08-11-2016, 00:03

~~krutek90~~ ZAKAZ HANDLU/ZLECEŃ Liczba postów: 404 Dołączył: May 2016 Forum Gold: 70.00	Post: #4 RE: Odliczanie 5 sekund i pojawienie się SKIP AD - javascript rachman Zgadzam się, bardzo doceniam Twój poradnik, dlatego też poleciał plusik. Wielu użytkownikom, na pewno przydadzą się owe skrypciki. Pozdrawiam serdecznie
Glosy:
08-11-2016, 00:07

rachman Przyjaciel Forum Liczba postów: 5,903 Dołączył: Jan 2013 Reputacja: 1,908 Odznaczenia: (Zobacz Odznaczenia) Poziom: Forum Gold: 2,805.20	Post: #5 RE: Odliczanie 5 sekund i pojawienie się SKIP AD - javascript Wiesz na innym forum ktoś potrzebował i tak na szybciutko bez myślenia poszło... więc pomyślałem a wrzucę też do nas Poprawek by się w moim przydało wiadomo - ale osoba tamta pisała że jest zielona więc rozumiesz - optymalizacja itd. (tym bardziej że to miało być kopiuj/wklej a skrypt totalnie prosty) nie była potrzebna. Niemniej może jakąś zmianę wprowadzę Dzięki za Twoje wstawki, zawsze im więcej tym lepiej. Kod rabatowy SeoHost.pl - 30%
Glosy:	krutek90 (+1)
08-11-2016, 00:11

zarg4 Początkujący Liczba postów: 64 Dołączył: Nov 2011 Reputacja: 15 Forum Gold: 0.00	Post: #6 RE: Odliczanie 5 sekund i pojawienie się SKIP AD - javascript Witam Macie skrypt, który na danej stronie otwiera skrócony link, czeka aż się pojawi SKIP AD i klika w ten napis (buton) ????? Jeśli nie, to czy jest skrypt na samo kliknięcie na stronie w określonym miejscu ???? zarg4, dumny członek http://zarabiam.com od Nov 2011.
Glosy:
10-11-2017, 22:18

Tryb drzewa \| Tryb normalny Poradnik Odliczanie 5 sekund i pojawienie się SKIP AD - javascript może komuś się przyda ;)
Autor	Wiadomość

rachman Przyjaciel Forum Liczba postów: 5,903 Dołączył: Jan 2013 Reputacja: 1,908 Odznaczenia: (Zobacz Odznaczenia) Poziom: Forum Gold: 2,805.20	Post: #7 RE: Odliczanie 5 sekund i pojawienie się SKIP AD - javascript @zarg4 Chodzi Ci o otworzenie skróconego linka w oknie, wykrycie odczekania czasu i kliknięcie z automatu SKIPa? To raczej wtyczką jakąś do przeglądarki musiałbyś ogarnąć albo jakiś programik stworzyć. Z poziomu JavaScript nie ma dostępu do "cudzych" stron ze względów bezpieczeństwa więc nie otworzysz jej sobie w iframe i nie klikniesz kiedy trzeba. Kod rabatowy SeoHost.pl - 30%
Glosy:
10-11-2017, 23:31

Podobne wątki…
Wątek:		Autor	Odpowiedzi:	Wyświetleń:	Ostatni post
	[Stworzenie gry przeglądarkowej] Czy wystarczy JavaScript + HTML + CSS?	Resk	15	12,222	07-06-2018, 20:39 Ostatni post: rsh
	Tworzenie stron internetowych www - HTML 5, PHP, JavaScript	ray111	2	5,945	18-06-2017, 21:57 Ostatni post: lakerr
	Działania na liczbach JavaScript	precell	8	6,620	17-01-2017, 23:50 Ostatni post: precell
	JavaScript	sebiq96	8	6,522	28-06-2016, 22:12 Ostatni post: Damkofr
	Akceptacja treści (javascript)	Panix	2	4,338	19-09-2015, 19:41 Ostatni post: CCash2