网页10秒倒计时提示JS代码
在我们建网站时,为了让浏览用户知道某些内容多少秒之后显示,可以在自己的网站上插入倒计时功能。
例如在学做网站论坛的免费建站课程,视频载入需要几秒的时间,为了让学员知道什么时间显示视频内容,我们在网页中插入10秒倒计时,10秒倒计时后显示视频内容。如图:
如何在网页插入10秒倒计时呢?方法很简单,只需要在网页上放上以下这段JS代码即可。
教程载入中,请稍等<span id="numDiv">10</span>秒……
<script type="text/javascript">
var num=10;
var interval=setInterval(function(){
if(num==0){
clearInterval(interval);
}
numDiv.innerHTML=num--;
},1000);
</script>
这个倒计时JS代码与控制DIV几秒钟后自动隐藏消失的JS代码配合使用就更好了。