其他分享
首页 > 其他分享> > BOM框及定时器

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