js回调(异步)

作者:@kuaiquxie
作者的github:https://github.com/bitebita
本文为作者原创,如需转载,请注明出处:https://www.cnblogs.com/dzwj/p/15872123.html


 

js回调

复制代码
<!DOCTYPE html>
<html>
<body>

<p>进行计算,然后显示结果。</p>

<p id="demo"></p>

<script>
function myDisplayer(some) {
  document.getElementById("demo").innerHTML = some;
}

function myCalculator(num1, num2, myCallback) {
  let sum = num1 + num2;
  myCallback(sum);
}

myCalculator(5, 5, myDisplayer);
</script>

</body>
</html>
复制代码

这里注意:将函数作为参数传递时,不能加括号

 

js异步与回调

复制代码
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript SetTimeout()</h1>

<p>等待 3 秒(3000 毫秒)让此页面发生变化。</p>

<h1 id="demo"></h1>

<script>
setTimeout(function() { myFunction("I love You !!!"); }, 3000);

function myFunction(value) {
  document.getElementById("demo").innerHTML = value;
}
</script>

</body>
</html>
复制代码

 

在上面的例子中,function(){ myFunction("I love You !!!");}用作回调。它是一个完整的函数。完整的函数作为参数被传递给setTimeout().
3000是超时前的毫秒数,所以3秒后会调用myFunction( ).

posted @   kuaiquxie  阅读(254)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)
· AI 智能体引爆开源社区「GitHub 热点速览」
点击右上角即可分享
微信分享提示