timer countdown di 15 sec con refresh

**giancadeejay** · 11-08-2011, 19:06

Ciao a tutti
Mi servirebbe un timer da 15 secondi in javascript che effettua refresh a 0,cambia pagina web e
riparta da 15 e cosi via....
Premetto di essere a zero e vi chiedo una mano...
Grazie a tutti in anticipo

**angel_death** · 11-08-2011, 19:17

Puoi usare Jquery per questo :P

codice:

    <script type="text/javascript">
        var settimmer = 0;
        $(function(){
                window.setInterval(function() {
                    var timeCounter = $("b[id=show-time]").html();
                    var updateTime = eval(timeCounter)- eval(1);
                    $("b[id=show-time]").html(updateTime);

                    if(updateTime == 0){
			window.open('NuovaPagina', '_blank');
			window.location.reload();
                    }
                }, 1000);

        });
    </script>


<div id="my-timer">
        La pagina sarà aperta in <b id="show-time">15[/b] seconds        
</div>

Mi raccomando l'inclusione della libreria Jquery, sennò non funziona! :P

**giancadeejay** · 11-08-2011, 19:34

Grazie Angel
ma di javascript o di jquery sono a 0.....

in pratica il timer da 15 sec deve essere visibile e deve gestirmi questo script di rotazione pagine html....te lo posto

<script type="text/javascript">
var i=0,

arrPages=["TUTTE LE PAGINE CHE DEVONO RUOTARE QUI"];
function changePage(){
if(!arrPages[i]) i=0;
document.getElementById("main").src=arrPages[i++];
}
</script>
</head>
<body>
<iframe src="http://LAPRIMAPAGINACHE RUOTERA onload="setTimeout('changePage()',15000)"
id="main" width="1352" height="590"></iframe>
<div style='display:none;'>%%MENU%%</div>
<div style='display:none;'>%%CONTENT%%</div>
<div style='padding: 20px; width:100%; text-align:fixed center;'></div>

Grazie mille x l'aiuto

**angel_death** · 11-08-2011, 21:59

Così dovrebbe andare:

codice:

<SCRIPT type="text/javascript">
	var settimmer = 0;
	var arrPages = new Array("PRIMAPAGINA","PAGINA1","PAGINA2","PAGINA3", "ETC ETC");
	var i=1;
	function ChangePage(s){
		$('#main')[0].src = arrPages[s];									
	}
			$(function(){
                window.setInterval(function() {
                    var timeCounter = $("b[id=show-time]").html();
                    var updateTime = eval(timeCounter)- eval(1);
                    $("b[id=show-time]").html(updateTime);
                    if(updateTime == -1){
			if(!arrPages[i]){ i = 0;}
			ChangePage(i);
			i++;
			$("#my-timer").load(location.href+" #my-timer>*","");													
			}
                }, 1000);

        });

</SCRIPT>
La pagina cambierà tra <span id="my-timer"><b id="show-time">3[/b]</span> secondi
<iframe src="PRIMAPAGINA" id="main" width="1352" height="590"></iframe>
<div style='display:none;'>%%MENU%%</div>
<div style='display:none;'>%%CONTENT%%</div>
<div style='padding: 20px; width:100%; text-align:fixed center;'></div>

Ti ricordo di includere la libreria JQuery...se vuoi c'è quella messa a disposizione da Google:

codice:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Ma puoi anche importarla sul tuo sito scaricandola da internet! :P

**giancadeejay** · 12-08-2011, 22:32

Non so proprio come ringraziarti.....
Mi sei stato davvero di grande aiuto....funziona benissimo!
Infinite grazie...A presto

**giancadeejay** · 17-08-2011, 14:47

Ciao
Scusa se approfitto della tua sapienza...
Volevo aggiungere all'ultimo script perfezionato da te..una piccola textarea dove all'interno ci sia un incremento numerale in base ai siti che scorrono con il suddetto timer...
In pratica mi piacerebbe vedere incrementare ,ogni sito visto, 1 credito per l'utente.... se po fa??

Grazie infinitamente in anticipo Angel

**angel_death** · 17-08-2011, 22:20

Scusa, non ho fatto più accesso al sito :P

codice:

<script type="text/javascript">
	var settimmer = 0;
	var arrPages = new Array("PRIMAPAGINA","PAGINA1","PAGINA2","PAGINA3", "ETC ETC");
	var i=1;
	var t=1;
	function ChangePage(s){
		$('#main')[0].src = arrPages[s];									
	}
			$(function(){
                window.setInterval(function() {
                    var timeCounter = $("b[id=show-time]").html();
                    var updateTime = eval(timeCounter)- eval(1);
                    $("b[id=show-time]").html(updateTime);
                    if(updateTime == -1){
								if(!arrPages[i]){ i = 0;}
								if(t == 1){var UserCredit = 'credito';}else if(t > 1){var UserCredit = 'crediti';}
								$('#credit')[0].innerHTML = 'Per aver visualizzato il sito ricevi '+t+' '+UserCredit;
								ChangePage(i);
								i++;
								t++;
								$("#my-timer").load(location.href+" #my-timer>*","");													
							}
                }, 1000);

        });

</script>
La pagina cambierà tra <span id="my-timer"><b id="show-time">15[/b]</span> secondi

<span id="credit"></span>

Poi non so in che modo vuoi aggiungere i crediti agli utenti

Fammi sapere se ti funziona :P

**giancadeejay** · 18-08-2011, 14:42

In pratica dovresti collegarmelo a questo e ogni 15 sec del timer da te suggerito.... dare 1 credito all'utente che si va a sommare man mano...
Grazie mille

<SCRIPT type="text/javascript">
var settimmer = 0;
var arrPages = new Array("PRIMAPAGINA","PAGINA1","PAGINA2","PAGINA3", "ETC ETC");
var i=1;
function ChangePage(s){
$('#main')[0].src = arrPages[s];
}
$(function(){
window.setInterval(function() {
var timeCounter = $("b[id=show-time]").html();
var updateTime = eval(timeCounter)- eval(1);
$("b[id=show-time]").html(updateTime);
if(updateTime == -1){
if(!arrPages[i]){ i = 0;}
ChangePage(i);
i++;
$("#my-timer").load(location.href+" #my-timer>*","");
}
}, 1000);

});

</SCRIPT>
La pagina cambierà tra <span id="my-timer"><b id="show-time">3[/b]</span> secondi
<iframe src="PRIMAPAGINA" id="main" width="1352" height="590"></iframe>
<div style='display:none;'>%%MENU%%</div>
<div style='display:none;'>%%CONTENT%%</div>
<div style='padding: 20px; width:100%; text-align:fixed center;'></div>

**angel_death** · 18-08-2011, 16:20

Continuo a non capire mi dispiace! ^^
Lo script sta nella risposta precedente, ed è più aggiornato di questo che mi hai dato...

Ancora non riesco ad intendere in che modo vuoi aggiungere i crediti agli utenti...Tramite javascript? php? ti colleghi ad un database?

**giancadeejay** · 18-08-2011, 16:34

UN semplice counter in javascipt che avanza di 1 ogni 15 sec, collegato pero' allo script

Discussione: timer countdown di 15 sec con refresh

Strumenti discussione

Ricerca discussione

Visualizza

timer countdown di 15 sec con refresh

Angel dove sei???

Permessi di invio