<!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>