ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

BOM框及定时器

2021-12-02 20:33:41  阅读:186  来源: 互联网

标签:定时器 window BOM var 框及 提示框 间歇性


一、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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有