关于setTimeout用法问题

有些疑惑，网上关于setTimeout用法和我真实的用法有些不同，我小结一下

用法源于https://www.runoob.com/jsref/met-win-settimeout.html

这是我在做echarts异步加载数据时遇到的问题——数据获取时间不一样。

当时做一个项目需要ajax获取数据库数据，一共有两个ajax，一个瞬间完成，但另外一个需要5-6s才完成，原因是数据量大，我需要用sql中的sum求和数据。因此验收那边需要我弄加载动画，让两边看起来更为协调

先附上正确代码以及效果（如下），数据是获取了，但强行加了个加载动画，myChart是我绑定div的变量

 myChart.setOption(option);//设置动画setTimeout(function(){myChart.hideLoading();},3000);//设置时间

之所以会懵逼一天，是因为我先看其他博客如何使用这个setTimeout，却没看函数官方使用文档

一开始是看这个博客的 https://blog.csdn.net/qq_28256783/article/details/80097092

这篇文章中先写到如下调用方法，是可以正常运行的。但是将alert函数改成我自己的函数，会报如下错误，变量未定义

<html><body bgcolor=lightcyan text=red><h1><font color=blue>示范网页</font></h1><p></br><p> 请等三秒!<script>setTimeout("alert('对不起, 要你久候')", 3000 )</script></body>
</html>

         setTimeout("myChart.hideLoading()",3000);

我尝试改成没有双引号，运行没有报错，但没有定时效果，而是直接执行hideLoading()函数

         setTimeout(myChart.hideLoading(),3000);

最终通过看官方使用文档，发现需要加上function({})，运行成功。

我的理解是setTimeout里的函数如果含有变量或对象的，需要function({})

补充一下，另外一位博主写的。setTimeout里直接用函数名，不需要加括号

此处引用https://blog.csdn.net/lihchweb/article/details/94635720

关于setTimeout用法问题相关推荐

setInterval与setTimeout用法
setInterval与setTimeout的用法 1.setTimeout setTimeout() 只执行 code 一次.如果要多次调用,请使用 setInterval() 或者让 code 自 ...
setTimeout()用法
对于这个知识我一直以来也有一个误解查完之后感觉这个小编写的还可以也转发一下帮助自己理解一下 // 3 秒(3000 毫秒)后弹出 "Hello" setTimeout(fun ...
js setInterval setTimeout用法
主要讲setInterval()的用法.比较简单的内容,如果以后学到其他相关的,再补充吧. 1.setInterval()语法 INTERVAL:填一个数字.单位:毫秒.举个例子,INTERVAL = ...
setTimeout 用法
setTimeout 在执行时,它从载入后,每隔指定的时间就执行一次表达式1,基本用法: 执行一段代码: var i=0; setTimeout("i+=1;alert(i)&q ...
php实现setInterval方法,js setInterval和setTimeout用法分析
本文主要分享一下javascript中的两个定时执行函数setInterval和setTimeout的用法. setInterval() 定义和用法 setInterval() 方法可按照指定的周期( ...
setInterval 和 setTimeout 用法
setInterval 定时器,开始执行后,每间隔指定时间执行一次,除非清除定时器用法: setInterval(function(){ 方法... },1000);// 间隔时间 setTimeo ...
js的settimeout用法总结
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式.下面是setTimeout()在js类中的使用方法: setTimeout (表达式,延时时间) setTimeout(表达式, ...
setTimeout用法
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>set ...

关于setTimeout用法问题

有些疑惑，网上关于setTimeout用法和我真实的用法有些不同，我小结一下

关于setTimeout用法问题相关推荐

最新文章

热门文章