一、BOM框
①告警框alert
②提示框confirm,点击确定返回true，点击取消返回false
③输入提示框prompt
告警框没有返回值，提示框、输入提示框有返回值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>BOM 框</title>
</head>
<body>
<script>
// 告警框
alert("告警框");
// 提示框
var res = confirm("确认框");
document.write(res);
// 点击确定返回true，点击取消返回false
// 输入提示框
var res1 = prompt("请输入年龄", 18);
document.write(res1);
</script>
</body>
</html>
二、定时器
①间歇性定时器（周期定时器）window.setInterval()
参数，第一个为执行的动作，第二个为时间间隔，单位毫秒
关闭间歇性定时器window.clearInterval()
②延时定时器
只能触发一次
Window.setTimeout()
关闭延时定时器
window.clearTimeout()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>BOM 定时器</title>
</head>
<body>
<button οnclick="stopTimer1()"> 关闭间歇性定时器 </button>
<button οnclick="stopTimer2()"> 关闭延时定时器 </button>
<script>
// 间歇性定时器（周期）,两个参数，第一个是执行的动作，第二个时间隔时间，毫秒为单位
var timer1 = window.setInterval(show, 3000);
function show(){
console.log("hello");
}
// 关闭间歇性定时器
function stopTimer1(){
window.clearInterval(timer1);
}
// 延时定时器,只能触发一次
var timer2 = window.setTimeout(func, 3000);
function func(){
console.log("hello");
}
function stopTimer2(){
window.clearTimeout(timer2);
}
</script>
</body>
</html>
155
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
