JS BOM 概述

最新推荐文章于 2024-09-15 23:59:26 发布

前端新手2022

最新推荐文章于 2024-09-15 23:59:26 发布

阅读量92

点赞数

分类专栏： JS 文章标签： javascript firefox 开发语言

本文链接：https://blog.csdn.net/qq_35112578/article/details/126266303

版权

JS 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

BOM:浏览器对象模型

window.document
window.navigatior
window.location
window.history
window.screen

延时函数

语法

setTimeout(回调函数，等待的毫秒数）

let timer=setTimeout(function(){}，1000）
clearTimeout(timer)

递归函数

定义：自己调用自己的函数

let num= 0

function fn(){

num++
console.log(num)
if(num>=100){
return}
fn()
}
fn()

延时+递归模拟定时器

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>递归函数</title>
    <style>
.clock{
        width: 800px;
        height: 200px;
        background-color: pink;
        text-align: center;
        line-height: 200px;
        font-size: large;
    }
    </style>
    
</head>

<body>
    <div class="clock"></div>



    <script>
        let num = 0
        function fn() {
            num++
            console.log(num)
            if (num >= 100) {
                return
            }
            fn()
        }
        fn()


        // 递归函数与延时函数实现定时器函数功能
        let clock = document.querySelector('.clock')
        function myInterval() {
            let d = new Date()
            // d.toLocaleString,后面必须加括号
            clock.innerHTML = d.toLocaleString()
            // 作为回调函数时，不用加括号
            setTimeout(myInterval, 1000)
             
        }
        myInterval()
    </script>
</body>

</html>