标签:time console 手动 定时器 asc script rom 返回 输入
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>window</title>
<script type="text/javascript">
//调用window对象的属性或方法,可以省略"window."
  //1.弹出框
  //1)弹出框
  function f1() {
	alert("你好");
}
  //2)确认框
  function f2() {
	var v=confirm("你吃了么?");
	console.log(v);
}
  //3)输入框
  function f3() {
	var v=prompt("你吃的什么?");
	console.log(v);
}
  //2.定时器
  //1)周期性定时器,每隔N毫秒执行一次函数,反复执行,直到达到条件停止条件为止。
  function f4() {
	  var n=5;
	  //启动定时器,返回定时器的ID,用来停止定时器;
	var id=setInterval(function(){
	    console.log(n--);
		//停止这个定时器
		if(!n){
			clearInterval(id);
			//启动定时器相当于启动了一个支线程
			console.log("蹦");
		}
	}, 1000);
}
  //2)一次性定时器,推迟N毫秒执行一次函数,执行完之后自动停止,也可以未执行完之前手动停止.
  var id;
  function f5() {
	//启动定时器,若想在他未执行定时器前就将他停止,需使用ID;
	id=setTimeout(function(){
		console.log("叮叮叮")
	}, 3000);
}
  function f6() {
	//若定时器已经执行,则取消无效,
	//若定时器还未执行,则可以取消
	clearTimeout(id);
}
</script>
</head>
<body>
         <p>
           <input type="button" value="弹出框"
           onclick="f1();">
           <input type="button" value="确认框"
           onclick="f2();">
           <input type="button" value="输入框"
           onclick="f3();">
         </p>
         <p>
           <input type="button" value="周期定时器"
           onclick="f4()">
           <input type="button" value="一次性定时器"
           onclick="f5()">
           <input type="button" value="取消一次性定时器"
           onclick="f6()">
         </p>
         <p></p>
</body>
</html>
标签:time console 手动 定时器 asc script rom 返回 输入
原文地址:http://www.cnblogs.com/Bighua123/p/7634131.html