正文标签能否保持乘法onload =“ setInterval()”?

问题描述 投票:0回答:5

body标签可以保持两个设定的间隔吗?还是有两个函数使用相同的间隔?

ex:

<body onload="setInterval(function1, 500); setInterval(function2, 1000);">

<body onload="setInterval(function1, function2, 500");>
javascript function onload setinterval
5个回答
6
投票

您可以创建一个使用不同的函数两次调用setInterval()的函数,然后在body.onload()上对其进行调用。

而且我不认为2个功能可以具有相同的间隔,除非您将它们包装成一个或像这样内联:

<body onload="setInterval(function(){ function1(); function2();}, 500);">

2
投票

您的第一个示例会很好:

window.onload = function() {
   setInterval(function1, 500); 
   setInterval(function2, 1000); 
}

function function1() {
   console.log("function1");   
}

function function2() {
   console.log("function2");   
}

请参见上面工作here的代码的示例。


0
投票

仅使用jQuery并注册事件处理程序(在<script type="text/javascript">块中。

如果您只需要可用的DOM树:

$(document).ready(function() {
    setInterval(function1, 500);
    setInterval(function2, 1000);
});

否则(如果您需要加载所有图像等):

$(window).load(function() {
    setInterval(function1, 500);
    setInterval(function2, 1000);
});

0
投票

根据需要实例化许多加载,而不会发生碰撞。

<SCRIPT>

    // Class Definition
    OnLoad = function(taskFunction,miliseconds) { 
        var context = this;
        context.cnt = 0;
        context.id = null;
        context.doTask=taskFunction;
        context.interval = function() {
            if(document.readyState == "complete"){
               try{   context.stop();} catch(e){ throw new Error("stop error: " + context.id); }
               try{ context.doTask();} catch(e){ throw new Error("load error: " + context.id); }
            }   
        };
        context.start = function(timing) {
            if(context.id && context.id!=null)
                context.stop();
            context.cnt=0;
            context.id=setInterval(context.interval,timing);
        };
        context.stop = function() {
            var _id = context.id;
            clearInterval(context.id);
            context.id=null;
        };
        context.start(miliseconds ? miliseconds : 100);
    };


    // Example Onloads
    new OnLoad(function(){
        alert("onload 1");
    }); // uses default timing of 100 miliseconds

    new OnLoad(function(){
        alert("onload 2");
    },200);

    new OnLoad(function(){
        alert("onload 3");
    },300);

</SCRIPT>

0
投票

尝试此鳕鱼很简单。您可以在此处运行并进行测试。

    window.onload = function() {            
        function foo() {
           Load_Note();
        }
        setInterval(foo, 3600);}
        
        
        function Load_Note() {console.log("api loded")}
© www.soinside.com 2019 - 2024. All rights reserved.