JS定时器与 onload详解(三)

最新推荐文章于 2023-07-03 11:54:01 发布

煌sir

最新推荐文章于 2023-07-03 11:54:01 发布

阅读量796

点赞数 1

分类专栏： JavaScript 文章标签： java js

本文链接：https://blog.csdn.net/qq_43705131/article/details/107095010

版权

JavaScript 专栏收录该内容

5 篇文章 9 订阅

订阅专栏

一.JS定时器

定时器：固定一个周期，执行某一项任务

1.设置定时器

循环定时器：

setInterval()

一次性定时器：

setTimeout()

代码:

<script>
    function run1(){
        alert("你好");
    }

    //循环定时器：
    //setInterval("run1()",2000);//每隔2秒，执行一次run1方法
    //一次性定时器：
    setTimeout("run1()",2000);//2秒之后，执行一次run1方法

    //定时器其他写法：
    //setTimeout(run1,2000);//2秒之后，执行一次run1方法
    /*setTimeout(function () {
        run1();
    },2000);//2秒之后，执行一次run1方法*/
</script>

定时器三种写法：

setTimeout(“方法名()”,毫秒值);
setTimeout(方法名,毫秒值);
setTimeout(function(){ //JS代码 },毫秒值);

2. 取消定时器

clearInterval(id);取消循环定时器

clearTimeout(id);取消一次性定时器

代码:

<script>
        function run1(){
            alert("执行run1");
        }
        var xid = setInterval("run1()",1000);
        function runx() {
            clearInterval(xid);
        }
    </script>
</head>
<body>
    <input type="button" value="点我取消循环定时器" onclick="runx()"/>
</body>

注意：页面上的定时器ID都不相同

二.onload

页面加载完成时触发

使用环境：

页面加载完成时做XXX <body οnlοad=””>

图片加载完成时做XXX <img οnlοad=””>

代码:

<script>
        function run1(){
            alert("你好");
        }
    </script>
</head>
<body onload="run1()">

</body>

<script>
        function run1(){
            var f1 = document.getElementById("f1");
            alert(f1.value);
        }

    </script>
</head>
<body onload="run1()">

    <input type="text" id="f1" name="f1" value="你找不到我"/>

</body>

看完恭喜你,又知道了一点点!!!

你知道的越多,不知道的越多!

~感谢志同道合的你阅读, 你的支持是我学习的最大动力 ! 加油 ,陌生人一起努力,共勉!!

注: 如果本篇有需要改进的地方或错误,欢迎大神们指定一二~~

煌sir

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
JS定时器与 onload详解(三)

一.JS定时器定时器：固定一个周期，执行某一项任务1.设置定时器循环定时器：setInterval()一次性定时器：setTimeout()代码:<script> function run1(){ alert("你好"); } //循环定时器： //setInterval("run1()",2000);//每隔2秒，执行一次run1方法 //一次性定时器： setTimeout("..
复制链接

扫一扫