body标签可以保持两个设定的间隔吗?还是有两个函数使用相同的间隔?
ex:
<body onload="setInterval(function1, 500); setInterval(function2, 1000);">
<body onload="setInterval(function1, function2, 500");>
您可以创建一个使用不同的函数两次调用setInterval()的函数,然后在body.onload()上对其进行调用。
而且我不认为2个功能可以具有相同的间隔,除非您将它们包装成一个或像这样内联:
<body onload="setInterval(function(){ function1(); function2();}, 500);">
您的第一个示例会很好:
window.onload = function() {
setInterval(function1, 500);
setInterval(function2, 1000);
}
function function1() {
console.log("function1");
}
function function2() {
console.log("function2");
}
请参见上面工作here的代码的示例。
仅使用jQuery并注册事件处理程序(在<script type="text/javascript">
块中。
如果您只需要可用的DOM树:
$(document).ready(function() {
setInterval(function1, 500);
setInterval(function2, 1000);
});
否则(如果您需要加载所有图像等):
$(window).load(function() {
setInterval(function1, 500);
setInterval(function2, 1000);
});
根据需要实例化许多加载,而不会发生碰撞。
<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>
尝试此鳕鱼很简单。您可以在此处运行并进行测试。
window.onload = function() {
function foo() {
Load_Note();
}
setInterval(foo, 3600);}
function Load_Note() {console.log("api loded")}