wordmodify.htm

JavaScript实例

        timerID = setTimeout("showtime()",1000);
        timerRunning = true;
}
function startclock () {
        stopclock();
        showtime();
}
&lt;/script&gt;</textarea>
        </p>
        <p><span class="p1"><font color="#6633FF">这段程序放在&lt;body ****&gt;</font></span> 
          <textarea name="textarea" onFocus="this.select()" onMouseOver="this.focus()" cols="50" rows="2" wrap="VIRTUAL" style="BACKGROUND-COLOR: #D5E9FD;" >onLoad=&quot;glowtext()</textarea>
        </p>
        </form>
      <b> </b></td>
    <td bgcolor="5F74BF" width="28" align="center">&nbsp;</td>
    <td width="37" align="center">&nbsp;</td>
  </tr>
  <tr>
    <td align="center" valign="bottom" height="36"> 
      <table width="238" border="0" cellspacing="0" cellpadding="0">
        <tr align="center"> 
          <td> 
            <table width="110" border="0" cellspacing="0" cellpadding="0">
              <tr bgcolor="5F74BF" align="center"> 
                <td class="p1" align="right"><b><font color="#FFFFFF">源程序讲解：</font></b></td>
                <td class="p1" width="11"><img src="img/bule2.gif" width="11" height="18"></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
    <td width="457" class="p2" valign="top" height="36">&nbsp;</td>
    <td bgcolor="5F74BF" width="28" align="center" height="36"><img src="img/bule1.gif" width="28" height="49"></td>
    <td width="37" align="center" height="36">&nbsp;</td>
  </tr>
</table>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr> 
    <td class="p2" align="right" width="693"> <br>
      <table width="650" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td> 
            <table width="100%" border="1" cellspacing="1" cellpadding="1" bordercolorlight="#666666" bordercolordark="#666666" class=p2>
              <tr> 
                <td width="334">var thissize=20 <br>
                  <br>
                </td>
                <td width="406">声明一个变量，定义字符串长度。</td>
              </tr>
              <tr bgcolor="CFDFFF"> 
                <td width="334">var textfont="隶书"</td>
                <td width="406">声明一个变量，定义字体。</td>
              </tr>
              <tr> 
                <td width="334">var textcolor= new Array() <br>
                  textcolor[0]="000000"<br>
                  textcolor[1]="000000"<br>
                  textcolor[2]="000000" <br>
                  textcolor[3]="111111" <br>
                  textcolor[4]="222222"<br>
                  textcolor[5]="333333"<br>
                  textcolor[6]="444444" <br>
                  textcolor[7]="555555" <br>
                  textcolor[8]="666666" <br>
                  textcolor[9]="777777"<br>
                  textcolor[10]="888888" <br>
                  textcolor[11]="999999"<br>
                  textcolor[12]="aaaaaa"<br>
                  textcolor[13]="bbbbbb"<br>
                  textcolor[14]="cccccc" <br>
                  textcolor[15]="dddddd" <br>
                  textcolor[16]="eeeeee" <br>
                  textcolor[17]="ffffff" <br>
                  textcolor[18]="ffffff"</td>
                <td width="406">定义一个新数组，并列出其中的元素。</td>
              </tr>
              <tr bgcolor="CFDFFF"> 
                <td width="334">var message = new Array()<br>
                  message[0]="洪恩在线 求知无限"<br>
                  message[1]="十二亿人的网上大学"<br>
                  i_message=0 </td>
                <td width="406">定义新数组，并列出其中的元素。</td>
              </tr>
              <tr> 
                <td width="334">var i_strength=0 <br>
                  var i_message=0</td>
                <td width="406">声明变量，并赋初值。</td>
              </tr>
              <tr bgcolor="CFDFFF"> 
                <td width="334" height="28">var timer</td>
                <td width="406" height="28">声明变量。</td>
              </tr>
              <tr> 
                <td width="334">function glowtext() {</td>
                <td width="406">定义函数。</td>
              </tr>
              <tr bgcolor="CFDFFF"> 
                <td width="334">if(document.all) <br>
                </td>
                <td width="406">如果是IE浏览器，执行以下语句。</td>
              </tr>
              <tr> 
                <td width="334">{ if (i_strength <=17) <br>
                </td>
                <td width="406">如果i_strength <=17，执行以下语句。</td>
              </tr>
              <tr bgcolor="CFDFFF"> 
                <td width="334">{ glowdiv.innerText=message[i_message]<br>
                  document.all.glowdiv.style.filter=<br>
                  "glow(color="+textcolor[i_strength]+", strength=4)"<br>
                  i_strength++ <br>
                </td>
                <td width="406">输出i_message的值，然后i_strength递加，即亮度增加。</td>
              </tr>
              <tr> 
                <td width="334">timer=setTimeout("glowtext()",100) } <br>
                </td>
                <td width="406"> 每100毫秒，调用一次glowtext函数。</td>
              </tr>
              <tr bgcolor="CFDFFF"> 
                <td width="334">else { clearTimeout(timer) <br>
                  setTimeout("deglowtext()",1500) } <br>
                </td>
                <td width="406">如果i_strength 大于17了，调用deglowtext函数，即亮度开始变暗。</td>
              </tr>
              <tr> 
                <td width="334">} } function deglowtext() <br>
                  { if(document.all) <br>
                  { if (i_strength >=0)<br>
                </td>
                <td width="406">定义deglowtext函数，并当浏览器是IE时，i_strength >=0时，执行以下语句。</td>
              </tr>
              <tr bgcolor="CFDFFF"> 
                <td width="334">{ glowdiv.innerText=message[i_message]<br>
                  document.all.glowdiv.style.filter=<br>
                  "glow(color="+textcolor[i_strength]+",<br>
                  strength=4)"<br>
                  i_strength--<br>
                </td>
                <td width="406">输出i_message的值，然后i_strength递减，即亮度减弱。</td>
              </tr>
              <tr> 
                <td width="334">timer=setTimeout("deglowtext()",100) }<br>
                  else { clearTimeout(timer)<br>
                  i_message++<br>
                </td>
                <td width="406">每100毫秒，调用一次glowtext函数，减到最暗，接着执行下一个字符串。</td>
              </tr>
              <tr bgcolor="CFDFFF"> 
                <td width="334">if (i_message>=message.length) <br>
                  {i_message=0} i_strength=0 intermezzo() } } }<br>
                </td>
                <td width="406">如果数组message中的字符串都执行完了，一切恢复初始设置，并执行intermezzo函数。</td>
              </tr>
              <tr> 
                <td width="334">function intermezzo()<br>
                </td>
                <td width="406">定义一个函数intermezzo。</td>
              </tr>
              <tr bgcolor="CFDFFF"> 
                <td width="334">{ glowdiv.innerText=""<br>
                  setTimeout("glowtext()",1500) } </td>
                <td width="406">1.5秒后，重新调用glowtext函数。</td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <br>
      <table width="600" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td><span class="p1"><font color="#6633FF">注：此效果只能在IE浏览器中实现。</font></span> 
          </td>
        </tr>
      </table>
      <br>
    </td>
    <td class="p2" width="18">&nbsp;</td>
    <td class="p2" width="1" bgcolor="A8A8AB"><img src="img/blank.gif" width="1" height="1"></td>
    <td class="p2" width="48">&nbsp;</td>
  </tr>
</table>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr bgcolor="5F74BF"> 
    <td>&nbsp;</td>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>