javascript countdown mit ajax einbinden

chrismh · 18.04.2009, 01:16

Hi,

ich möchte in meiner index.php über einen button[...]sendReq('inc/timer.php','send','true') einen javascript countdown aufrufen. der countdown in der timer.php zählt von einer php variable runter auf null. gleichzeitig steht die variable in einer sleep funtion, und bei 0 wird eine mysql abfrage ausgeführt.

wie kriege ich denn den countdown mit dem ajax request in die index.php?
scheint mal wieder nicht so einfach, wie ich mir das vorgstellt habe.

bis jetzt

Code:

<div id="action"></div>
</p>
<?
	$sql = mysql_query("SELECT * FROM stats WHERE user_iduser='".$_SESSION['iduser']."'");
	while($row = mysql_fetch_array($sql))
	{
		echo "k: ".$row['k'];
		echo "<br />";
		echo "kp: ".$row['kp'];
		echo "<br>";
	}
	
	$row['k'] = $k;
	$row['kp'] = $kp;
?>

<p>ausfuehren</p> 
<input type="button" name="click" value="los" onclick="sendReq('timer.php','click','true')" />

Code:

<script type="text/javascript">
var start = <? $kp_act ?>;
var aktiv = setInterval("Count()", 1000);

function Count()
{
start--;
if(start >= 0)
{ document.getElementById("action").innerHTML = start; }
else
{ clearInterval(aktiv) }
}
</script>

Phoscur · 18.04.2009, 11:29

Wenn wir vernachlässigen, dass der Request ein paar Millisekunden brauchen wird, dann kannst du schon gleichzeitig den Request und den Countdown mit der erwarteten Requestzeit (Länge des Sleeps) starten.

Code:

onclick="javascript:sendReq('timer.php','click','true'); var aktiv = setInterval("Count()", 1000);
"

Der Request wird ja asynchron gesendet, dh das Intervallstarten wird unabhängig vom Request direkt danach gestartet.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Banner mit Javascript einbinden / 3rd-Party-Tracking	Inchie	JavaScript, Ajax und mehr	0	06.03.2009 13:44
[Erledigt] Flash-Animation mit Javascript einbinden / AdClicks	Inchie	JavaScript, Ajax und mehr	2	05.03.2009 13:26
1101: 10x JavaScript und kein Ende ist abzusehen…	Nikolaus 2.0	Adventskalender 2008	9	13.12.2008 20:11
Kalender ohne Neuladen der Seite PHP, Javascript, Ajax	Earl3000	JavaScript, Ajax und mehr	16	11.12.2008 22:07
Ajax - PHP - XML - JavaScript	phpbeginner	HTML, Usability und Barrierefreiheit	2	26.11.2007 16:48
Javascript in Ajax responseText funktioniert nicht	Plague	PHP Tipps 2007	6	03.07.2007 21:08
Javascript (AJAX) Error (Syntax-Fehler)	lomtas	HTML, Usability und Barrierefreiheit	4	04.08.2006 09:41
Javascript: Suche ganz simples Countdown Script		HTML, Usability und Barrierefreiheit	2	22.09.2005 09:08
php in ein JavaScript Countdown einbinden!	Boennchen	PHP Tipps 2005	11	26.04.2005 13:41
javascript in php einbinden		PHP Tipps 2005	3	23.01.2005 17:36
[Erledigt] JavaScript + PHP (SQL) Countdown		HTML, Usability und Barrierefreiheit	5	23.12.2004 14:01
[Erledigt] PHP via JavaScript einbinden		PHP Tipps 2004-2	3	22.12.2004 13:00
JavaScript in JavaScript geschriebene Html-Datei einbinden.	woods	HTML, Usability und Barrierefreiheit	6	06.09.2004 18:33
Javascript countdown mal anders - erledigt	Ohrwurm83	HTML, Usability und Barrierefreiheit	4	02.07.2004 23:35
javascript countdown in while scheife	Ohrwurm83	PHP Tipps 2004	1	02.07.2004 16:50

18.04.2009, 01:16
chrismh Neuer Benutzer Registriert seit: 28.02.2009 Beiträge: 14	javascript countdown mit ajax einbinden Hi, ich möchte in meiner index.php über einen button[...]sendReq('inc/timer.php','send','true') einen javascript countdown aufrufen. der countdown in der timer.php zählt von einer php variable runter auf null. gleichzeitig steht die variable in einer sleep funtion, und bei 0 wird eine mysql abfrage ausgeführt. wie kriege ich denn den countdown mit dem ajax request in die index.php? scheint mal wieder nicht so einfach, wie ich mir das vorgstellt habe. bis jetzt Code: <div id="action"></div> </p> <? $sql = mysql_query("SELECT * FROM stats WHERE user_iduser='".$_SESSION['iduser']."'"); while($row = mysql_fetch_array($sql)) { echo "k: ".$row['k']; echo "<br />"; echo "kp: ".$row['kp']; echo "<br>"; } $row['k'] = $k; $row['kp'] = $kp; ?> <p>ausfuehren</p> <input type="button" name="click" value="los" onclick="sendReq('timer.php','click','true')" /> Code: <script type="text/javascript"> var start = <? $kp_act ?>; var aktiv = setInterval("Count()", 1000); function Count() { start--; if(start >= 0) { document.getElementById("action").innerHTML = start; } else { clearInterval(aktiv) } } </script> Geändert von chrismh (18.04.2009 um 01:22 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

18.04.2009, 11:29
Phoscur Erfahrener Benutzer Registriert seit: 01.12.2008 Beiträge: 450 PHP-Kenntnisse: Fortgeschritten	Wenn wir vernachlässigen, dass der Request ein paar Millisekunden brauchen wird, dann kannst du schon gleichzeitig den Request und den Countdown mit der erwarteten Requestzeit (Länge des Sleeps) starten. Code: onclick="javascript:sendReq('timer.php','click','true'); var aktiv = setInterval("Count()", 1000); " Der Request wird ja asynchron gesendet, dh das Intervallstarten wird unabhängig vom Request direkt danach gestartet. __________________