轮询回调函数js 等待条件成立后执行

最新推荐文章于 2023-07-20 09:20:52 发布

林强181

最新推荐文章于 2023-07-20 09:20:52 发布

阅读量809

点赞数

本文链接：https://blog.csdn.net/qlin_11/article/details/114578551

版权

<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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

林强181

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
轮询回调函数js 等待条件成立后执行

<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.lo
复制链接

扫一扫