繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS Timing
- Javascript
- 代码生成器 document.write()
- 不错的文字特效，逐字变色效果
- javascript下用键盘控制层的移动的代码
- 有提示确定与取消功能的弹出式窗的代码
- js下弹出窗口的变通
- 在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
- 用JAVASCRIPT如何给<textarea></textarea>赋值
- 将光标定位到textarea的某一行的javascript代码
- 把textarea中字符串里含有的回车换行替换成<br>的javascript代码
- 让textarea控件的滚动条怎是位与最下方
- 用javascript实现改变TEXTAREA滚动条和按钮的颜色，以及怎样让滚动条变得扁平
- 在textarea中屏蔽js的某个function的javascript代码
- textarea的value是html文件源代码,存成html文件的代码
- 在textarea中显示html页面的javascript代码
- 用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中
- 如何做到打开一个页面，过几分钟自动转到另一页面
- JS 建立对象的方法
- 运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序
- JS Timing
- 用javascript实现图片马赛克后显示并切换
Javascript 中的 JS Timing
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 34 ::
收藏到网摘: n/a
使用JS是可以让函数不直接执行的，而是在过了一个指定的时间间隔后才执行。这就叫做事件事件。
With JavaScript, it is possible to execute some code NOT immediately after a function is called, but after a specified time interval. This is called timing events.
使用JS是可以让函数不直接执行的，而是在过了一个指定的时间间隔后才执行。这就叫做事件事件。
JavaScript Timing Events
JS时间事件
With JavaScript, it is possible to execute some code NOT immediately after a function is called, but after a specified time interval. This is called timing events.
使用JS是可以让函数不直接执行的，而是在过了一个指定的时间间隔后才执行。这就叫做事件事件。
It's very easy to time events in JavaScript. The two key methods that are used are:
JS的时间事件是非常简单的。使用了两个关键的方法：
* setTimeout() - executes a code some time in the future
在一些时间后执行代码
* clearTimeout() - cancels the setTimeout()
取消setTimeout()
Note: The setTimeout() and clearTimeout() are both methods of the HTML DOM Window object.
注意：setTimeout() 和 Timeout() 都是HTML DOM Window 对象的方法。
setTimeout()
Syntax语法
var t=setTimeout("javascript statement",milliseconds)
The setTimeout() method returns a value - In the statement above, the value is stored in a variable called t. If you want to cancel this setTimeout(), you can refer to it using the variable name.
setTimeout()方法返回一个值 - 在上面的声明里，值被保存在变量t中。如果你想取消这个setTimeout()可以使用变量名来提出它（用clearTimeout(t)）
The first parameter of setTimeout() is a string that contains a JavaScript statement. This statement could be a statement like "alert('5 seconds!')" or a call to a function, like "alertMsg()".
setTomeout()的第一个参数是字符串声明。它可以像"alert('5 seconds!')"或是调用一个函数像"alertMsg()"
The second parameter indicates how many milliseconds from now you want to execute the first parameter.
第二个参数用来表明从现在开始你希望在多少毫秒后执行第一个参数
Note: There are 1000 milliseconds in one second.
1000毫秒为一秒
Example
举例
When the button is clicked in the example below, an alert box will be displayed after 5 seconds.
当下面的按钮被点击后，每过5秒就会出现一个警告框。
<html>
<head>
<script type="text/javascript">
function timedMsg()
{
var t=setTimeout("alert('5 seconds!')",5000)
}
</script>
</head>
<body>
<form>
<input type="button" value="Display timed alertbox!"
onClick="timedMsg()">
</form>
</body>
</html>
Example - Infinite Loop
无限循环
To get a timer to work in an infinite loop, we must write a function that calls itself. In the example below, when the button is clicked, the input field will start to count (for ever), starting at 0:
要得到一个无限循环的记时器，我们必须写出一个自我调用的函数。下面的例子，当按钮按下后，输入框就会从0开始记数（永远的）
<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
</script>
</head>
<body>
<form>
<input type="button" value="Start count!"
onClick="timedCount()">
<input type="text" id="txt">
</form>
</body>
</html>
clearTimeout()
Syntax语法
clearTimeout(setTimeout_variable)
Example
举例
The example below is the same as the "Infinite Loop" example above. The only difference is that we have now added a "Stop Count!" button that stops the timer:
下面的例子和上面的“无限循环”差不多。唯一的不同就是我们现在多了一个“停止记数”的按钮来停止记时器。
<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
function stopCount()
{
clearTimeout(t)
}
</script>
</head>
<body>
<form>
<input type="button" value="Start count!"
onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="Stop count!"
onClick="stopCount()">
</form>
</body>
</html>
评论 (0) All
