当前位置:K88软件开发文章中心电脑基础基础应用13 → 文章内容

JavaScript教程实例之简单的计时

减小字体 增大字体 作者:华军  来源:华军资讯  发布时间:2019-2-1 22:54:42

 JavaScript教程实例之简单的计时  简单的计时:  点击上面的按钮。警告框会在 5 秒后显示。  《html》  《head》  《script type=“text/javascript”》  function timedMsg()  {  var t=setTimeout(“alert(‘5 秒!’)”,5000)  }  《/script》  《/head》  《body》  《form》  《input type=“button” value=“显示定时的警告框” onClick = “timedMsg()”》  《/form》  《p》请点击上面的按钮。警告框会在 5 秒后显示。《/p》  《/body》  《/html》  另一个简单的计时:  《html》《BR》《head》《BR》《script type=“text/javascript”》《BR》function timedText()《BR》{《BR》var t1=setTimeout(“document.getElementById(´txt´).value=´2 秒´”,2000)《BR》var t2=setTimeout(“document.getElementById(´txt´).value=´4 秒´”,4000)《BR》var t3=setTimeout(“document.getElementById(´txt´).value=´6 秒´”,6000)《BR》}《BR》《/script》《BR》《/head》《BR》《body》《BR》《form》《BR》《input type=“button” value=“显示计时的文本” onClick=“timedText()”》《BR》《input type=“text” id=“txt”》《BR》《/form》《BR》《p》点击上面的按钮。输入框会显示出已经逝去的时间(2、4、6 秒)。《/p》《BR》《/body》《BR》《/html》  点击上面的按钮。输入框会显示出已经逝去的时间(2、4、6 秒)。

JavaScript教程实例之简单的计时