零基础建站培训介绍

当前位置:

网页插入10秒倒计时JS代码

在我们建网站时,为了让浏览用户知道某些内容多少秒之后显示,可以在自己的网站上插入倒计时功能。

例如在学做网站论坛的免费建站课程,视频载入需要几秒的时间,为了让学员知道什么时间显示视频内容,我们在网页中插入10秒倒计时,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代码配合使用就更好了。

上一课: 下一课:

发表评论

零基础学建站就到学做网站论坛