DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> javascript寫的一個模擬閱讀小說的程序
javascript寫的一個模擬閱讀小說的程序
編輯:JavaScript綜合知識     

 這篇文章主要介紹了用javascript寫了一個模擬閱讀小說的程序,需要的朋友可以參考下

 代碼如下: <html>  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />  <head>  <title></title>  <script type="text/javascript">  function Reader(content, cID, stopID, continueID) {  this.conLoad = document.getElementById(cID);  this.stopBtn = document.getElementById(stopID);  this.continueBtn = document.getElementById(continueID);  this.content = content;  this.index = 0;  var t = this;  this.stopBtn.onclick = (  function () {  return function () {  t.stopReader(t);  };  })(t);  this.continueBtn.onclick = (  function () {  return function () {  t.continueReader(t);  };  })(t);  }  Reader.prototype = {  startReader : function () {  var t = this;  t.toId = setInterval(function () {  if (t.content[t.index]) {  t.conLoad.innerHTML += t.content[t.index];  }  t.index++;  if (t.content.length == t.index) {  clearInterval(t.toId);  t.conLoad.innerHTML += "【未完待續】";  }  }, 200);  },  stopReader : function (t) {  t.flag = true;  clearInterval(t.toId);  },  continueReader : function (t) {  if (t.flag)  t.startReader();  t.flag = false;  }  };  var content = "蒙古親王僧格林沁慓悍勇猛,他率領的軍隊向來號稱能征慣戰,八旗兵、綠營他都看不上眼,更何況那些臨時招募的練勇。可偏偏就是這些他眼中的烏合之眾,這些年來在江南戰果累累,最終攻下了江寧,奪得了對太平軍作戰的全勝。" +  "相反地,他的蒙古鐵騎在與捻軍的角逐中常常打敗仗,相形之下,昔日的聲威銳減。這個一代天驕的後裔,對曾氏兄弟和湘軍窩著一肚皮無名怒火。" +     "湘軍進江寧後,打劫財富,屠城縱火,又放走幼天王,朝野謗讟四起,物議沸騰,僧格林沁聽了十分得意,趕緊打發富明阿以視察滿城為由,去江寧實地了解。誰料曾國荃一嚇一賄征服了富明阿,江寧將軍回去後向僧格林沁作了假匯報。";  //頁面加載完成之後執行。  window.onload = function () {  new Reader(content, "content", "btnStop", "btnContinue").startReader();  };  </script>  <body>  <div id='content'></div>  <div id='operate'><input type='button' id='btnStop' value='stop'/><input type='button' id='btnContinue' value='continue'/></div>  </body>    </html> 
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved