JavaScript 计时.doc_第1页
JavaScript 计时.doc_第2页
JavaScript 计时.doc_第3页
JavaScript 计时.doc_第4页
JavaScript 计时.doc_第5页
已阅读5页,还剩3页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

JavaScript 计时通过使用 JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。实例简单的计时单击本例中的按钮后,会在 5 秒后弹出一个警告框。function timedMsg()var t=setTimeout(alert(5 秒!),5000)请点击上面的按钮。警告框会在 5 秒后显示。另一个简单的计时本例中的程序会执行 2 秒、4 秒和 6 秒的计时。function timedText()var t1=setTimeout(document.getElementById(txt).value=2 秒,2000)var t2=setTimeout(document.getElementById(txt).value=4 秒,4000)var t3=setTimeout(document.getElementById(txt).value=6 秒,6000)点击上面的按钮。输入框会显示出已经逝去的时间(2、4、6 秒)。在一个无穷循环中的计时事件在本例中,单击开始计时按钮后,程序开始从 0 以秒计时。var c=0var tfunction timedCount()document.getElementById(txt).value=cc=c+1t=setTimeout(timedCount(),1000)请点击上面的按钮。输入框会从 0 开始一直进行计时。带有停止按钮的无穷循环中的计时事件在本例中,点击计数按钮后根据用户输入的数值开始倒计时,点击停止按钮停止计时。var c=0var tfunction timedCount()document.getElementById(txt).value=cc=c+1t=setTimeout(timedCount(),1000)function stopCount()clearTimeout(t)请点击上面的“开始计时”按钮来启动计时器。输入框会一直进行计时,从 0 开始。点击“停止计时”按钮可以终止计时。使用计时事件制作的钟表一个 JavaScript 小时钟.function startTime()var today=new Date()var h=today.getHours()var m=today.getMinutes()var s=today.getSeconds()/ add a zero in front of numbers10m=checkTime(m)s=checkTime(s)document.getElementById(txt).innerHTML=h+:+m+:+st=setTimeout(startTime(),500)function checkTime(i)if (i10) i=0 + i return iJavaScript 计时事件通过使用 JavaScript,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。在 JavaScritp 中使用计时事件是很容易的,两个关键方法是:setTimeout()未来的某时执行代码clearTimeout()取消setTimeout()setTimeout()语法var t=setTimeout(javascript语句,毫秒)setTimeout() 方法会返回某个值。在上面的语句中,值被储存在名为 t 的变量中。假如你希望取消这个 setTimeout(),你可以使用这个变量名来指定它。setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。这个语句可能诸如 alert(5 seconds!),或者对函数的调用,诸如 alertMsg()。第二个参数指示从当前起多少毫秒后执行第一个参数。提示:1000 毫秒等于一秒。实例当下面这个例子中的按钮被点击时,一个提示框会在5秒中后弹出。function timedMsg() var t=setTimeout(alert(5 seconds!),5000) 实例 - 无穷循环要创建一个运行于无穷循环中的计时器,我们需要编写一个函数来调用其自身。在下面的例子中,当按钮被点击后,输入域便从 0 开始计数。var c=0var tfunction timedCount() document.getElementById(txt).value=c c=c+1 t=setTimeout(timedCount(),1000) clearTimeout()语法clearTimeout(setTimeout_variable)实例下面的例子和上面的无穷循环的例子相似。唯一的不同是,现在我们添加了一个 Stop Count! 按钮来停止这个计数器:var c=0var tfunction timedCount() docu

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论