I'm trying to create a div in an HTML page and write random value in it, then, I want the div to refresh itself every X seconds so that the number in it change, but the entire page is not reloaded, just the div.
My idea was that :
<body>
<div id="people" onload="rand();"> </div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
function autoRefresh_div()
{
$("#people").load("load.html");// a function which will load data from other file after x seconds
}
setInterval('autoRefresh_div()', 0.5); // refresh div after 5 secs
function rand(){
document.getElementById("people").innerHTML = Math.random();
}
</script>
</body>
</html>
But nothing appear in my div. I tried to change "Math.random()" with some text but nothings change.
Can someone explain me why?
See Question&Answers more detail:
os 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…