您的位置: 首页 > 软件教程 > Javascript教程专题 > JavaScript 实例:简单的计时

JavaScript 实例:简单的计时

7.7分
出处:网络 时间:2011-04-26

您可能感兴趣的话题: JavaScript  

核心提示:简单的计时

简单的计时

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

 

网友评论
精品软件课程
更多 >
Adobe Flash,是Macromedi... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
MySQL是一个小型关系型数据库管理系统,被... [详细]
PHP是一种 HTML 内嵌式的语言,是一种... [详细]
HTML的中文叫做“超文本标记语言”。是用来... [详细]
Dreamweaver是网页制作和管理的所见... [详细]