📄 day3_2.html

📁 JAVASCRIPT 高级编程
💻 HTML
📖 第 1 页 / 共 2 页
字号:
上一页 12
    <td colspan="2">-<a href="../../1-download/page1.htm">网页制作</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<font color="#000000"><a href="../../1-download/page2.htm">程序设计</a></font></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<font color="#000000"><a href="../../1-download/page3.htm">网站设计</a></font></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<font color="#000000"><a href="../../1-download/page4.htm">电子商务</a></font> 
    </td>
  </tr>
  <tr> 
    <td colspan="2" align="center" bgcolor="#666699"><a href="../../1-teach/index.htm"><font color="#FFFFFF">实用技巧</font></a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/internet/index.htm">Internet应用</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/photoshop/index.html">Photoshop</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/flash/page1.html">Flash</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/asp/index.html">ASP</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/php/index.html">PHP</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/java/index.htm">Java</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/vb/index.htm">VB</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/c/index.htm">C、C++</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-backend/database/php_mysql/index.html">PHP/MySQL</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2"><a href="../../1-backend/cgi_perl/perl_beginner/index.html">-Perl</a> 
    </td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/other/index.htm">其它</a> </td>
  </tr>
  <tr> 
    <td colspan="2" bgcolor="#666699"> 
      <div align="center"><font color="#FFFFFF">更多教程</font></div>
    </td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2" height="17"><a href="../../1hdml/index.html">-HDML</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2" height="23"><font face="宋体"><a href="../../1-backend/database/course/day1_1.html">-网络数据库</a></font></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2" height="14"><a href="../../1-backend/protocols/ping/index.html"><font face="arial, helvetica, sans-serif">-ping</font></a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2" height="20"><a href="../../1-backend/cgi_perl/search_engine/index.html">-创建搜索引擎</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2" height="16">-<a href="../../1adobe/GoLive/index.html">Adobe GoLive</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2"><a href="../../1-backend/cgi_perl/templates/index.html">-模板</a></td>
  </tr>
  <tr bgcolor="#666699"> 
    <td colspan="2" align="center"><font color="#FFFFFF">合作伙伴</font></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2" align="left">-<a href="http://www.5dmedia.com/" target="_blank">5D精英网</a></td>
  </tr>
  <tr align="center" bgcolor="#FFFFFF"> 
    <td colspan="2"> <img src="../../Library/front_monkey.gif" width="59" height="68"></td>
  </tr>
  </tbody> 
</table>
<!-- #EndLibraryItem --> </td>
 <!-- End of headlines (column 1: left column) --> <!-- Gutter between columns 1 and 2 --> 
 <td width="10" height="794"><img src="http://www.sohu.com/images/pixel.gif" width=10></td>
 <!-- Search box and directories (columns 2 and 3: middle columns, combined into one) --> 
 <td align=center valign=top width="558"> 
 <div align="left"><!-- #BeginEditable "1" --> 
<title>JavaScrip高级教程</title>
 <strong>第二页：<font size="3" face="宋体">如何给事件定时</font></strong> 
      <p><font size="3"><font face="宋体">在Javascript给事件定时很容易。其关键指令是<tt>setTimeout()</tt><br>
        和<tt>clearTimeout()</tt>方法。利用<tt>setTimeout()</tt>, 指令可以在未来<br>
        的某个指定时间执行特定指令。如果你改变主意，你可以用<br>
        <tt>clearTimeout()</tt>取消<tt>setTimeout</tt>的定时. </font></font></p>
      <font size="3"> 
      <p><font face="宋体">下面是<tt>setTimeout</tt>的基本格式： </font></p>
      </font> 
      <blockquote> 
        <pre>var the_timeout = setTimeout(&quot;some javascript 
statement&quot;, some_number_of_milliseconds);
</pre>
      </blockquote>
      <p><font size="3"><font face="宋体">在上面的例子中用到的指令如下：<br>
        var the_timeout = setTimeout(&quot;alertAndRedirect ();&quot;,3000);<br>
        <br>
        该语句中有3项重要内容：</font></font>
      <dl><font size="3"> 
        <dt><font face="宋体"><tt>setTimeout</tt>返回一个值。在该语句中</font></dt>
        </font> 
        <dd><font size="3"></font><font size="3"><font face="宋体"><tt>the_timeout</tt>是一个变量，它指向特定的<tt>setTimeout</tt>。<br>
          如果你想取消该<tt>setTimeout</tt>的定时，你只需引用该变量<br>
          即可。你可以给变量起一个别的名称。 </font></font></dd>
        <font size="3"> 
        <dt><font face="宋体">在<tt>setTimeout</tt>中用到的第1个变量是一个JavaScript 语句的字<br>
          符串。</font></dt>
        <dd><font face="宋体">在本例中第1个参数是字符串：<tt>&quot;alertAndRedirect();&quot;</tt></font> 
          <p><font face="宋体"><tt>alertAndRedirect</tt>是为载入一个提示框而编写的一个函<br>
            数，当用户点击“OK”时还重新回到本页面。 </font></p>
          <p><font face="宋体">注意在引号中的内容是一个完整的JavaScript语句，带有<br>
            分号和其他必须的语法. 如果你执行该段代码则会调用函<br>
            数<tt>alertAndRedirect</tt>。<tt>setTimeout</tt>只规定了该语句出现的<br>
            时间。</font></p>
          <p><font face="宋体">以下是函数<tt>alertAndRedirect()的代码：</tt> </font></p>
          <blockquote> 
            <pre><font face="宋体">function alertAndRedirect()
{
	alert('ok!  exhale!');
	window.location.replace(&quot;timing.htm&quot;);
}
</font></pre>
            <dl> 
              <dt>　</dt>
            </dl>
          </blockquote>
        </dd>
        <dt><font face="宋体"><tt>setTimeout</tt>的第2个参数指定了在多少毫秒之后执行第1个参数。</font></dt>
        </font> 
        <dd><font size="3"></font><font size="3"><font face="宋体">一秒钟等于1000毫秒。所以如果你想让某事在秒钟之后发<br>
          生你必须将第2个参数设置为3,000 毫秒。 </font></font></dd>
      </dl>
      <p> <font size="3"><font face="宋体">我们可以做下面的练习熟悉它的工作原理：</font></font></p>
      <form name="the_form">
        <p> <font size="2"></font><font size="2" face="宋体"> 
          <input type="button" value="the bell tolls" onClick="ringBell();" name="button">
          <input type="text" name="the_text" size="20">
          </font></p>
      </form>
      <p><a href="day3_3.html">&gt;&gt;</a></p>
      <p><font face="宋体" size="3" color="#000000"><strong>JavaScript高级教程</strong></font><font color="#FF0000" face="宋体" size="3"><br>
        </font><font face="宋体"><font color="#FF0000">第一页</font> <a href="day3_2.html">Javascript高级教程 
        - 第三课</a><br>
        <font size="3"><font color="#FF0000">第二页</font> 如何给事件定时<br>
        <font color="#FF0000">第三页</font> <a href="day3_3.html">定时循环的概念</a><br>
        <font color="#FF0000">第四页</font> <a href="day3_4.html">定时循环的做法</a><br>
        <font color="#FF0000">第五页</font> <a href="day3_5.html">一个Javascript编写的时钟</a><br>
        <font color="#FF0000">第六页</font> <a href="day3_6.html">给定时器加入变量</a><br>
        <font color="#FF0000">第七页</font> <a href="day3_7.html">识别用户的浏览器</a><br>
        <font color="#FF0000">第八页</font> <a href="day3_8.html">如何识别用户的浏览器</a><br>
        <font color="#FF0000">第九页</font> <a href="day3_9.html">对象和方法的识别</a><br>
        <font color="#FF0000">第十页</font> <a href="day3_10.html">History对象</a></font></font></p>
      <p><font size="3">[<a href="day1_1.html">第1课</a>][<a href="day2_1.html">第2课</a>][第3课][<a href="day4_1.html">第4课</a>][<a href="day5_1.html">第5课</a>]</font></p>
      <!-- #EndEditable --></div>
 </td>
 <!-- End of search box and directories (columns 2 and 3: middle columns, combined into one) --> 
 <!-- Gutter between columns 3 and 4 --> <!-- Other stuff (column 4: right column) --> 
 <!-- End of other stuff (column 4: right column) --> </tr>
 </table>
<!-- End of table surrounding page contents -->

 <hr noshade size=1 width=700>
 <span class=eng><br>
 Copyright (C) 1998-2000 Internet Technologies China.&nbsp; All rights reserved. 
 </span> 
</center>
</body>
<!-- #EndTemplate --></html>
上一页 12
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -