学做网站培训课程介绍

当前位置:

网页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代码配合使用就更好了。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 网页如何添加背景音乐 视频教程附件下载 (1116936 次浏览)
    在上网过程中,有很多网站打开后会自动播放背景音乐,而且只有当关闭网页之后背景音乐才会停止。在我们自己建网站,同样也可以给自己的网页添加背
  • 网页如何添加视频动画 视频教程 (1107312 次浏览)
    在网站制作过程中,特别是学习视频网站制作教程时,是需要给网站中添加很多的视频的,对于网站如何添加视频有二种方法:一种是添加自己网站的视频,另
  • 我们在浏览网站时,会发现有些网站的顶部会有天气预报功能,并且可以根据用户所在的城市自动变换成当地的天气预报信息。那么我们在自己建网站时,怎么
  • DW网页中如何插入图片 视频教程 (1183778 次浏览)
    DW给网页插入图片一般有二种方法:一种是插入拥有ALT属性的图片,这在我们的企业网站制作教程中经常用到。另一种是插入背景图片,实现在图片
  • 在之前的课程中,我们推荐大家在学习做网站时下载photoshop7.0破解版,这个软件功能完备,但这个软件只能运行在windowsXP系统,对于win7/win8/win10操
  • 什么是 Adobe Dreamweaver CS6Adobe  Dreamweaver  CS6 网页设计软件提供了一套直观的可视界面,供您创建和编辑 HTML 网站和移动应用程序。使用专
  • 我们在自己建网站时,有时需要在自己的网站上放一个倒计时功能。例如:离2020年还有XX年XX月XX日X时X分X秒,包含 年、月、日、时、分、秒,并且这个时
  • 在我们建网站时,为了让浏览用户知道某些内容多少秒之后显示,可以在自己的网站上插入倒计时功能。例如在学做网站论坛的免费建站课程,视频载入需
  • 如果我们的网站有港澳台的用户,那么网站特别好是能支持文字简繁互转,这样做能方便不同用户更好的阅读网站内容。那么如何在自己做网站时,实
  • 我们都知道在做网站时,加载的文件越少速度就会越快,包括CSS、JS、图片、数据库等等,特别是门户网站建设更是如此。要减少这些文件的载入,特别
  • 学做网站时,经常要修改代码,很多时候需要用到颜色代码,由于太多,不可能都记住,所以找到了一个带有中文颜色名称表示的颜色代码表,以便后期网页设