倒计时载入页面

稿源：互联网 2022-08-11 22:42:00 点击： 733 撤稿纠错

载入页面倒计时，可自定义载入时间。

以下讨论的是和页面载入特效相关的倒计时载入页面教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明：
第一步:把如下代码加入<head>区域中:
 <META HTTP-EQUIV="REFRESH" CONTENT="11; URL=http://free.alixixi.com">

第二步:把<body>中加入如下代码：
 
 <script language="JavaScript">
 
 startday = new Date();
 clockStart = startday.getTime();
 
 function initStopwatch() 
 { 
  var myTime = new Date(); 
         var timeNow = myTime.getTime();  
         var timeDiff = timeNow - clockStart; 
         this.diffSecs = timeDiff/1000; 
         return(this.diffSecs); 
 } 
 
 function getSecs() 
 { 
         var mySecs = initStopwatch(); 
         var mySecs1 = ""+mySecs; 
         mySecs1= mySecs1.substring(0,mySecs1.indexOf(".")) + " secs."; 
         document.form1.timespent.value = mySecs1 
         window.setTimeout('getSecs()',1000); 
 }
 
 
 </script>
 
  
  <center>
 This page will change in 10 seconds:
 <form name=form1><input size=9 name=timespent></form>
 </center>

第三步：把<body>中内容改为：
<body bgcolor="#fef4d9" onLoad="window.setTimeout('getSecs()',1)">

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于倒计时载入页面的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071596339.shtml方便下次再访问哦。

·上一篇： 页面载入时提示等待文字
·下一篇： 按百分比显示网页载入页面

倒计时载入页面

文章分类LIST >>返回首页

最新游戏

最新新闻