DownOL 软件仓库– 软件下载,字节世界与新知

JavaScript教程实例之简单的计时

发表于:2024-05-02 作者:下载之友
编辑最后更新 2024年05月02日,JavaScript如果要做计时器的话,其实可以使用两种不同的方法,下面小编就给大家提供这两种实例,大家可以直接复制下来使用。JavaScript教程实例之简单的计时简单的计时:点击上面的按钮。警告框

  JavaScript如果要做计时器的话,其实可以使用两种不同的方法,下面小编就给大家提供这两种实例,大家可以直接复制下来使用。


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 秒)。

2022-05-10 02:55:31
0