<html>
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<title>回调函数(callback)</title>
<script language="javascript" type="text/javascript">
function b(text){
console.log(text,333);
}
function test(){
//a(b);
delay(b,"#input1","直的吗 要要要");//b为回函数,第三个为传入参数给b使用
}
//作用:传入一个函数作为参数,当满足某个选器长度大于1时,回调函数起作用
//参数:callback 回调函数
//参数:strId id选择器名字
//调用:delay(b,"#input1");
var delay = function(callback,strId,text){
if($(strId).val().length>0){
callback(text);
console.log($(strId).val())
return;
}
else{setTimeout(function(){delay(callback,strId,"等待")}, 100)}
}
</script>
</head>
<body>
<h1>学习js回调函数</h1>
<button id="btn" onClick=test()>click me</button>
<p>应该能看到调用了两个回调函数</p>
</body>
<input type="text" value="" id="input1" />
</html>
轮询回调函数js 等待条件成立后执行
最新推荐文章于 2024-07-12 16:08:40 发布