javascript - 如何设置最小重新加载时间
问题描述
我有一个执行异步功能的应用程序
例子:
function openTypeNumberComponent(props) {
setCountryCode(props)
setSelectCountryView(false)
setTypeNumberView(true)
}
当函数被调用时,状态被重新加载并显示其他数据看起来不同。有时它会立即起作用,有时会更长一些
我想显示一个指标(一些动画)
你如何让指标工作至少 1 秒?如果我需要更多时间,那么如果做得更快,它应该至少持续 1 秒
解决方案
这是一个函数在 1 秒后执行的示例,如果您想在 1 秒后执行此操作,但我建议您添加一个在加载游戏后执行并隐藏加载微调器的回调函数,因为您的游戏可能会在之后加载超过 1 秒,考虑您的一些用户的低连接借记,以及高借记,所以不到一秒。
setTimeout(function() {
document.querySelector(".fa-spinner").style.display = "none";
}, 1000);
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<i class="fa fa-spinner fa-spin" style="font-size: 30px"></i>
推荐阅读
- android - 无法阻止将相同的数据插入 Sqlite
- visual-studio-code - Visual Studio 代码上的 404 实时服务器错误
- java - 如何将多种类型的 ArrayList 传递给 Java 中的函数?
- scala - 如何使用 jena elephas 和 spark 运行 sparql
- android - 在 .sh 文件中使用命令 echo 在 TWRP 恢复中不起作用。如何在 TWRP 中使用脚本 .sh 显示消息
- sql - T-SQL Select where "IN" 非常糟糕 性能影响
- php - 如何在 Webuzo VPS 中使用 PHPMailer
- laravel-5 - What is not equal to in Laravel?
- sql - SQL regular expression for date
- asynchronous - Async.Start 与 timeout 和 cancelToken?