當前位置:蘿卜系統下載站 > 技術開發教程 > 詳細頁面

倒計時載入頁面的JS代碼

倒計時載入頁面的JS代碼

更新時間:2023-06-23 文章作者:未知 信息來源:網絡 閱讀次數:

編程(Programming)是編定程序的中文簡稱,就是讓計算機代碼解決某個問題,對某個計算體系規定一定的運算方式,使計算體系按照該計算方式運行,并最終得到相應結果的過程。為了使計算機能夠理解(understand)人的意圖,人類就必須將需解決的問題的思路、方法和手段通過計算機能夠理解的形式告訴計算機,使得計算機能夠根據人的指令一步一步去工作,完成某種特定的任務。這種人和計算體系之間交流的過程就是編程。

【實例名稱】

倒計時載入頁面的JS代碼

【實例描述】

倒計時是常用的載人頁面時的等待方式,本例學習如何計算倒計時的時間.同時學習自動
加載頁面的相關設置。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head>     <title>標題頁</title>     <META HTTP-EQUIV="REFRESH" CONTENT="11; URL=http://www.google.com">     <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= 10 - eval(mySecs1.substring(0,mySecs1.indexOf("."))) + "秒";          document.form1.timespent.value = mySecs1;          window.setTimeout('getSecs()',1000);  }  </script> </head> <body bgcolor="#ffffff" onLoad="window.setTimeout('getSecs()',1)">   <center>  10秒后將加載頁面:  <form name=form1><input size=9 name=timespent></form>  </center> </body> </html>

【實例代碼】

倒計時JS代碼

【難點剖析】

本例JS代碼的重點是加載頁面、計算剩下的時間。加載頁面使用的是Meta元素,其包含一個屬性Content,它包含兩個參數:需要等待的時間和要加載的頁面地址。計算剩余時間使用丁兩個日期相減的方式,注意相減的結果是毫秒數。

【源碼下載】

本實例JS代碼下載


使用編程語言寫的程序,由于每條指令都對應計算機一個特定的基本動作,所以程序占用內存少、執行效率高。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

網站地圖xml | 網站地圖html
亚洲嫩草影院久久精品