類似安裝效果的textarea滾動JS代碼如何寫|蘿卜系統下載站

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

【實例名稱】

類似安裝效果的textarea滾動

【實例描述】

現在使用Microsoft提供的Install工具，都是向導形式的安裝，但一些比較底層的工具安裝，通常會使用類似DOS中的BAT批處理效果。本例學習如何通過textarea的滾動，實現這種效果。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁</title>
</head>
<body>
<textarea id="install" cols=20 rows=10 
style="background-color:Black; color:White;"></textarea>
<script>
var tmpStr = "";
for(var i = 0;i< 26;i++)
{
 for(var j=0;j<=i;j++)           //遍歷26個英文字母
 {
  tmpStr += String.fromCharCode(65+i);//連接要顯示的字符串
 }
 tmpStr += "......\r\n";          //行結束符號
}
var arr = tmpStr.split("\r\n");   //將字符串切割成數組
function addLine(line)                                    
{
 if(line >= arr.length)
  return;
 var txtOb = document.getElementById("install");  //獲取TextArea控件
 txtOb.value += arr[line] + "\r\n";             //每局輸出后都要求換行
 if(txtOb.clientHeight <= txtOb.scrollHeight)
  txtOb.scrollTop = txtOb.scrollHeight - txtOb.clientHeight;
 setTimeout("addLine(" + (line+1) + ")",500);
}
setTimeout("addLine(0)",1);
</script></body>
</body>
</html>

【運行效果】

運行效果

【難點剖析】

本洌的重點有兩個：循環輸出26個英文字母，以及逐行輸出的設計原理。輸出26個英文字母。是通過字符串對象的“fromCharCode”方法，其中“65”是大寫字母“A”的unlcode編碼。逐行輸出使用的是換行符“\r\n”。

【源碼下載】

本實例JS代碼下載

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

溫馨提示：喜歡本站的話，請收藏一下本站！

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

類似安裝效果的textarea滾動JS代碼如何寫

本類教程下載

系統下載排行