BOM框及定时器
作者:互联网
一、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>
标签:定时器,window,BOM,var,框及,提示框,间歇性 来源: https://blog.csdn.net/weixin_43375983/article/details/121685618