div onzichtbaar als timer op nul staat

Door mc music op 02-02-2016 23:43 gewijzigd op 02-02-2016 23:47

5.294 views

Hoi,

Ik heb een pagina oktime waar een countdowntimer staat.
Hoe kan ik ervoor zorgen als die timer op nul staat dat de info2 div op pagina bekijk onzichtbaar wordt?


<script type="text/javascript">
setInterval(function() {
$.ajax({
	   type: "GET",
	   url: "oktime.php>",
	   success: function(data){
            $('#info').html(data);
        }
	});
},10)
</script>

<div id="info"></div>
<div id="info2">tekst</div>

Alvast bedankt voor de hulp.
Groeten,

Ariën

02-02-2016 23:48

Wat doet die > na oktime.php? En wat is de output van oktime.php?

mc music

02-02-2016 23:50

Dag Ariën,

Die > is een foutje.
De output van oktime.php is 00:00:00

Ariën

02-02-2016 23:54 gewijzigd op 02-02-2016 23:54

Je kan dan dit doen binnen je 'succes'-statement:


if(data == '00:00:00') {
	$('#info2').css('display', 'none');
}

Joni Fleischer

03-02-2016 09:45

Kan je niet beter de div distroyen of leeg maken?
Weet niet welke informatie je daar in opslaat, maar anders is deze in de broncode altijd nog te lezen.

Ben van Velzen

03-02-2016 10:10

Als het om de broncode gaat is hij hoe dan ook wel te lezen ongeacht wat je ermee doet in Javascript. Het voelt logischer om te doen wat Ariën doet, omdat DOM manipulaties als invoegen en verwijderen van elementen veel zwaarder is.

Randy vsf

03-02-2016 11:51

Joni Fleischer op 03/02/2016 09:45:59

Kan je niet beter de div distroyen of leeg maken?
Weet niet welke informatie je daar in opslaat, maar anders is deze in de broncode altijd nog te lezen.

Heb je dit al eens geprobeerd dan?

mc music

04-02-2016 00:03

In de div staat een verzendformulier dus display none is ok.

Enig probleem ik krijg die div niet weg.
De output heb ik veranderd maar daar kan het niet aan liggen of toch?


<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
setInterval(function() {
$.ajax({
	   type: "GET",
	   url: "oktime.php?wagen_ID=195",
	   success: function(data){
	
            $('#info').html(data);
			if(data == 'einde van de timer') {
            $('#info2').css('display', 'none');
} }    
	});
},10)
</script>

    <div id="info"></div>
    <div id="info2">tekst</div>

Ariën

04-02-2016 00:06 gewijzigd op 04-02-2016 00:07

Heb je jQuery al gestart op het moment dat de pagina geladen is?


$(document).ready(function(){
	// je code hier!
});

Trouwens, wil je het script echt elke 10 miliseconden oproepen?!?

Randy vsf

04-02-2016 09:13 gewijzigd op 04-02-2016 09:16

@- Ariën -

Wat bedoel je met jquery starten? Ik doe dat nooit en het werkt ook :-)

@TS
doe eens console.log(data); en kijk of het overeen komt met het geen wat je verwacht in je script.

Ariën

04-02-2016 09:28

@Randy: Zie mijn vorige post ;-). Zonder dit zijn alle jQuery-functions bij mij'undefined'.

Reageren

Inloggen om te reageren