Discussion :

[bebest93]

Bonjour à tous, je cherche un script permettant de recharger une balise <div>, par exemple, avec ce script qui permet d'afficher un nombre au hasard :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div id="number">
<script type="text/javascript">
var randomnumber=Math.floor(Math.random()*11)
document.write(randomnumber);
</script>
</div>

Il me faudrait un script qui recharge la balise <div id="number"></div> toutes les 10 sec, et ainsi que le nombre change toutes les 10 sec.

Cet exemple n'a pas vraiment d'intérêt mais ça peut-être très utile pour afficher l'heure en "live".

Le but étant bien sûr de ne pas recharger la page complète.

Merci.

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<script type="text/javascript">
var randomnumber=Math.floor(Math.random()*11)
setInterval(function(){document.getElementById('number').innerHTML=randomnumber},10000);
</script>
<div id="number">
</div>

[javatwister]

et pour appliquer:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="heure">heure</div>
 
 
<script type="text/javascript">
 
setInterval(function(){
	auj=new Date();
	um= auj.getMinutes()<10 ? "0" : "";
	us= auj.getSeconds()<10 ? "0" : "";
	t=auj.getHours()+"h "+um+auj.getMinutes()+"min "+us+auj.getSeconds();
	document.getElementById("heure").firstChild.data=t
	},
	1000)
 
</script>

[bebest93]

Merci pour ces réponses, le second script fonctionne très bien.