如何让setInterval只运行一次?

时间:2016-10-03 13:28:37

标签: javascript jquery

我正努力尝试使用第三方应用对某个网站的模态进行测试。我能让它工作的唯一方法是使用setInterval,但它会无限期地运行我的.append。我已经尝试过setTimeout没有效果,并且在没有setInterval的情况下运行它。如果我可以设置一个计数器在计数到1后停止,我认为这将解决我的问题。以下是我到目前为止的情况。另外,请注意这些模态是有角度的,我不太熟悉。

InteractionObserver

1 个答案:

答案 0 :(得分:3)

您可以检查元素是否存在以及何时存在取消间隔计时器

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper">
    <div class="column" id="col-1">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vehicula, enim non sollicitudin molestie, dolor
        diam auctor turpis, eget venenatis ligula eros nec mi. Quisque bibendum erat a magna pretium finibus.
        Suspendisse vehicula lectus felis, quis pharetra purus commodo et. Praesent nec suscipit elit. Vivamus vitae mi
        libero. Curabitur malesuada blandit velit, eget venenatis nisi malesuada ut. Praesent sollicitudin lacus quis
        elit placerat, dapibus luctus purus facilisis. Integer eget congue libero, nec euismod mauris. Duis aliquet odio
        nulla, lacinia vulputate orci tincidunt quis. Quisque magna sapien, tincidunt a suscipit sed, imperdiet non
        tellus. Mauris sagittis neque sed suscipit molestie. Suspendisse ultricies sollicitudin tortor quis maximus.
        Suspendisse condimentum facilisis sagittis. Duis quis malesuada nisi, non euismod augue. Phasellus rutrum, nunc
        ac dictum facilisis, ipsum turpis suscipit metus, id sagittis eros mauris in mi. Fusce odio purus, dignissim id
        erat eu, pellentesque vehicula nisi.
    </div>
    <div class="column" id="col-2">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vehicula, enim non sollicitudin molestie, dolor
        diam auctor turpis, eget venenatis ligula eros nec mi. Quisque bibendum erat a magna pretium finibus.
        Suspendisse vehicula lectus felis, quis pharetra purus commodo et. Praesent nec suscipit elit. Vivamus vitae mi
        libero. Curabitur malesuada blandit velit, eget venenatis nisi malesuada ut. Praesent sollicitudin lacus quis
        elit placerat, dapibus luctus purus facilisis. Integer eget congue libero, nec euismod mauris. Duis aliquet odio
        nulla, lacinia vulputate orci tincidunt quis. Quisque magna sapien, tincidunt a suscipit sed, imperdiet non
        tellus. Mauris sagittis neque sed suscipit molestie. Suspendisse ultricies sollicitudin tortor quis maximus.
        Suspendisse condimentum facilisis sagittis. Duis quis malesuada nisi, non euismod augue. Phasellus rutrum, nunc
        ac dictum facilisis, ipsum turpis suscipit metus, id sagittis eros mauris in mi. Fusce odio purus, dignissim id
        erat eu, pellentesque vehicula nisi.

        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vehicula, enim non sollicitudin molestie, dolor
        diam auctor turpis, eget venenatis ligula eros nec mi. Quisque bibendum erat a magna pretium finibus.
        Suspendisse vehicula lectus felis, quis pharetra purus commodo et. Praesent nec suscipit elit. Vivamus vitae mi
        libero. Curabitur malesuada blandit velit, eget venenatis nisi malesuada ut. Praesent sollicitudin lacus quis
        elit placerat, dapibus luctus purus facilisis. Integer eget congue libero, nec euismod mauris. Duis aliquet odio
        nulla, lacinia vulputate orci tincidunt quis. Quisque magna sapien, tincidunt a suscipit sed, imperdiet non
        tellus. Mauris sagittis neque sed suscipit molestie. Suspendisse ultricies sollicitudin tortor quis maximus.
        Suspendisse condimentum facilisis sagittis. Duis quis malesuada nisi, non euismod augue. Phasellus rutrum, nunc
        ac dictum facilisis, ipsum turpis suscipit metus, id sagittis eros mauris in mi. Fusce odio purus, dignissim id
        erat eu, pellentesque vehicula nisi.
    </div>
</div>

这也可以减少间隔持续时间。

相关问题