第35课使用JavaScript再设计一个计时器

作者(出处):百宝箱工作室发布时间:2015年3月26日 11:33:00查阅量:230

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>百宝箱工作室IT微课堂 http://www.baibaox.com</title>
<script>
function timedText(){
	var x=document.getElementById('txt');
	var t1=setTimeout(function(){x.value="2秒"},2000);
	var t2=setTimeout(function(){x.value="4秒"},4000);
	var t3=setTimeout(function(){x.value="6秒"},6000);
	var t4=setTimeout(function(){x.value="8秒"},8000);
	var t5=setTimeout(function(){x.value="10秒"},10000);
}
</script>
</head>

<body>
<form>
<input type="button" value="显示文本时间" onclick="timedText()" />
<input type="text" id="txt" />
</form>
<p>点击上面的按钮,输出的文本将告诉你2秒,4秒,6秒,8秒,10秒已经过去了。</p>
</body>
</html>
百宝箱网络工作室  版权所有  
站长QQ:1617818397  站长E-mail:1617818397@qq.com
Powered by www.baibaox.com  Copyright © 2011-2017
点击这里给我发消息