<html>
<head>
<script src="scripts/jquery.js" type="text/javascript"></script>
<title>回调函数(callback)</title>
<script language="javascript" type="text/javascript">
function b(b){
alert(b);
}
function test(){
//a(b);
delay(b,"#input1","直的吗 要要要");//b为回函数,第三个为传入参数给b使用
}
//作用:传入一个函数作为参数,当满足某个选器长度大于1时,回调函数起作用
//参数:callback 回调函数
//参数:strId id选择器名字
//调用:delay(b,"#input1");
var delay = function(callback,strId,b){
if($(strId).val().length>0){
callback(b);
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-09-24 13:53:35 发布