setinterval(),clearInterval() JS函数的调用。DOM

最新推荐文章于 2022-10-27 21:18:49 发布

无盐海

最新推荐文章于 2022-10-27 21:18:49 发布

阅读量1.4k

点赞数

分类专栏： DOM JavaScript 文章标签： setinterval clearInterval

本文链接：https://blog.csdn.net/Fanbin168/article/details/12112757

版权

JavaScript 同时被 2 个专栏收录

40 篇文章 0 订阅

订阅专栏

DOM

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function f1() {
            alert("调用f1");
        }
        function f2() {
            alert("调用f2");
        }

//        ----------------------------------------------------------------------------------
        function bodymousedown() {
            alert("你好");
            alert("我好");

        }
//        ------------------------------------------------------------------------------------
        function com() {
            if (confirm("是否进入")) {
                alert("进入了");
            }
            else {
                alert("退出");
            }
        }
//        -------------------------------------------------------------------------------------
        
        var interval;
        function getinterval() {
            if (confirm("确定要执行吗？")) {
                
                interval = setInterval("alert('每隔2000毫秒执行一次')", 2000);
            }
            else {
                alert("不执行");
            }
        }
//        ---------------------------------------------------------------------------------------
        function setTimeOut1() {
            setTimeout("alert('3000毫秒后执行这段代码')", 3000);
        }

    </script>
</head>
<!--" --> 
<!--<body onmousedown ="bodymousedown()">-->
<body>
<!--ondblclick是双击事件,onclick是单击事件-->
<input type="button" οnclick="document.οndblclick=f1" value="关联事件1" />
<input type="button" οnclick="document.οndblclick=f2" value="关联事件2" />

<input type="button" οndblclick="bodymousedown()" value="调用函数" />
<input type="button" οnclick="com()" value="confirm的用法" />
<input type="button" οnclick="getinterval()" value="setInterval的用法，每隔一段时间执行指定的代码" />

<!--clearInterval取消setInterval的定时执行，相当于Timer中的Enabled=False-->
<input type="button" οnclick="clearInterval(interval)" value="取消执行setinterval代码" />

<input type="button" οnclick="setTimeOut1()" value="setTimeOut，某个时间执行代码" />

</body>
</html>

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

语法

setInterval(code,millisec[,"lang"])

参数	描述
code	必需。要调用的函数或要执行的代码串。
millisec	必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。

setTimeout只运行一次，也就是说设定的时间到后就触发运行指定代码，运行完后即结束。
setinterval是循环运行的，即每到设定时间间隔就触发指定代码。这是真正的定时器。

无盐海

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
setinterval(),clearInterval() JS函数的调用。DOM

function f1() { alert("调用f1"); } function f2() { alert("调用f2"); }// ---------------------------------------------------------------------------
复制链接

扫一扫