JavaScript 实例:简单的计时

来源:网络时间:2011-04-26

简单的计时

[code]<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>[/code][button value="复制代码"]

 

点击上面的按钮。警告框会在 5 秒后显示。

 

 

另一个简单的计时

 

[code]<html>
<head>
<script type="text/javascript">
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)
}
</script>
</head>
<body>
<form>
<input type="button" value="显示计时的文本" onClick="timedText()">
<input type="text" id="txt">
</form>
<p>点击上面的按钮。输入框会显示出已经逝去的时间(2、4、6 秒)。</p>
</body>
</html>[/code][button value="复制代码"]

 

点击上面的按钮。输入框会显示出已经逝去的时间(2、4、6 秒)。

 

发表评论

最新评论(共0条)