首页 > 解决方案 > 如何设置最小重新加载时间

问题描述

我有一个执行异步功能的应用程序

例子:

function openTypeNumberComponent(props) {
    setCountryCode(props)
    setSelectCountryView(false)
    setTypeNumberView(true)
}

当函数被调用时,状态被重新加载并显示其他数据看起来不同。有时它会立即起作用,有时会更长一些

我想显示一个指标(一些动画)

你如何让指标工作至少 1 秒?如果我需要更多时间,那么如果做得更快,它应该至少持续 1 秒

标签: javascriptreactjsreact-native

解决方案


这是一个函数在 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>


推荐阅读