js组件封装重用,求助

这个是我网上下载的一个js实现打字效果的完整代码,我想把它弄成一个组件,类似这样的unction dazi(参数1,参数2,参数3){}这样的方便调用,我自己弄了半天没成功,希望大家帮帮我,代码如下:



JS字幕打字效果
<br> body{<br> font-family: Arial;<br> margin-top:0px;<br> background-repeat:no-repeat;<br> padding-top:100px;<br> }<br> #myContent, #myContent blink{<br> width:500px;<br> height:200px;<br> background:black;<br> color: #00FF00;<br> font-family:courier;<br> }<br><br> blink{<br> display:inline;<br> }<br>
<br> var charIndex = -1;<br> var stringLength = 0;<br> var inputText;<br> function writeContent(init){<br> if(init){<br> inputText = document.getElementById(&#39;contentToWrite&#39;).innerHTML;<br> }<br> if(charIndex==-1){<br> charIndex = 0;<br> stringLength = inputText.length;<br> }<br> var initString = document.getElementById(&#39;myContent&#39;).innerHTML;<br> initString = initString.replace(/&lt;SPAN.*$/gi,&quot;&quot;);</p> <pre><code> var theChar = inputText.charAt(charIndex); var nextFourChars = inputText.substr(charIndex,4); if(nextFourChars==&#39;&lt;BR&gt;&#39; || nextFourChars==&#39;&lt;br&gt;&#39;){ theChar = &#39;&lt;BR&gt;&#39;; charIndex+=3; } initString = initString + theChar + &quot;&lt;SPAN id=&#39;blink&#39;&gt;_&lt;/SPAN&gt;&quot;; document.getElementById(&#39;myContent&#39;).innerHTML = initString; charIndex = charIndex/1 +1; </code></pre> <p>if(charIndex%2==1){<br> document.getElementById(&#39;blink&#39;).style.display=&#39;none&#39;;<br> }else{<br> document.getElementById(&#39;blink&#39;).style.display=&#39;inline&#39;;<br> }</p> <pre><code> if(charIndex&lt;=stringLength){ setTimeout(&#39;writeContent(false)&#39;,150); }else{ blinkSpan(); } } var currentStyle = &#39;inline&#39;; function blinkSpan(){ if(currentStyle==&#39;inline&#39;){ currentStyle=&#39;none&#39;; }else{ currentStyle=&#39;inline&#39;; } document.getElementById(&#39;blink&#39;).style.display = currentStyle; setTimeout(&#39;blinkSpan()&#39;,500); } &lt;/script&gt; </code></pre> <p></head><br> <body></p> <div id="myContent"> </div> <div id="contentToWrite" style="display:none"> Login : username<br> password : ******<br> Access is granted<br> </div> <script type="text/javascript"> writeContent(true);


http://zhidao.baidu.com/link?url=psEfAA7yzcY8tljRcK075fnmOgUhSV6LO4RSYCnvg-yF5x_uNSKRY2r1aA-9k6J6ksjuACV9ZTGZmc1BtFedryVrrc5N0oVwrEP38Xm7P_m