delay 相关问题

当您单击链接时，浏览器会尝试尽快重定向用户。如何给这个过程添加 1 秒的延迟？我有以下链接：当您单击链接时，浏览器会尝试尽快重定向用户。我怎样才能给这个过程添加 1 秒的延迟？我有以下链接： <Link to={{ pathname: `pathname`, hash: `#hash`, }} onClick={this.delayRedirect} > 这是我的delayRedirect 函数的样子： delayRedirect() { // not sure what to put here, to delay the redirect by 1 second } 有什么想法吗？谢谢！ import { withRouter } from 'react-router' class Home extends Component { delayRedirect = event => { const { history: { push } } = this.props; event.preventDefault(); setTimeout(()=>push(to), 1000); } }; <Link to={{ pathname: `pathname`, hash: `#hash`, }} onClick={this.delayRedirect} > } export default withRouter(Home); 间隔一秒后使用历史记录推送新路线这是我的函数组件版本，基于@Shishir的回答： import React from "react"; import { Link, useHistory } from "react-router-dom"; export default function CustomLink({ to, children }) { const history = useHistory(); function delayAndGo(e) { e.preventDefault(); // Do something.. setTimeout(() => history.push(to), 300); } return ( <Link to={to} onClick={delayAndGo}> {children} </Link> ); } 根据 Pedro 的回答，这里有一种在 NavBar 等组件中添加delayAndGo 函数的方法： import React from "react"; import { Link, useHistory } from "react-router-dom"; export default function NavBar() { const history = useHistory(); function delayAndGo(e, path) { e.preventDefault(); // Do something.. setTimeout(() => history.push(path), 300); } return ( <Link to="/" onClick={(e) => delayAndGo(e, "/")}> Home </Link> <Link to="/about" onClick={(e) => delayAndGo(e, "/about")}> About </Link> <Link to="/portfolio" onClick={(e) => delayAndGo(e, "/portfolio")}> Portfolio </Link> ); } 请注意，在此方法中，to元素的Link值并不重要。安装模块 npm install p-min-delay npm i @loadable/component 并导入 import loadable from '@loadable/component' import pMinDelay from 'p-min-delay' 在 useEffect 中使用 setTimeout 或事件处理程序来延迟。例如， setTimeout(() => navigate('/new-page'), 2000);

javascript reactjs hyperlink react-router delay

回答 5 投票 0

将 PinLayout .all() 与 UIImageView 一起使用时的 UI 延迟

我正在使用 PinLayout 在我的视图上设置背景图像最终类 MDetailView: UIView { 让backgroundImageView：UIImageView = { 让 imageView = UIImageView(图像: #imageLiteral(资源...

ios swift uiview uikit delay

回答 1 投票 0

使用带延迟的协程验证在单元测试中调用的方法

我一直在阅读这篇文章，以了解如何对包含延迟的协程进行单元测试并应用它，但我仍然不明白为什么在调用之前调用 verify

android unit-testing delay kotlin-coroutines

回答 1 投票 0

Electron 应用程序首次启动延迟

为什么使用 Electron 创建的应用程序在首次启动时会遇到明显的延迟，需要 5 到 10 秒才能启动，但在后续运行中启动很快？这种延迟发生...

javascript performance electron delay startup

回答 1 投票 0

c++打字机效果延迟问题？

我创建了这段代码来创建打字机控制台效果： void fastType(const std::string& text, int 延迟) { 对于（字符c：文本） { std::cout << c; std::

c++ visual-studio console-application delay

回答 1 投票 0

Windows如何与Xming处理剪贴板接口？

我的问题来自一个问题：我在 Windows 7 上使用 Xming 连接到 Linux 主机（通过 PuTTY）来启动并显示 gnome 终端。我在使用 Windows 剪贴板时遇到一些问题：复制...

windows delay clipboard paste xming

回答 1 投票 0

使用计时器运行docker容器（延迟）

我在 docker 中运行 20 个容器，如果所有容器同时运行，我会遇到一些问题，在 5 个容器运行后，其余容器将在每个日志中显示太多请求。如何设置延迟1分钟或更长时间...

docker containers delay

回答 1 投票 0

iOS Swift Task.sleep 准确性

我正在研究 Swift 中可取消的异步延迟，它向后兼容 iOS 15：任务 { 让 before = Date.timeIntervalSinceReferenceDate 让秒：TimeInterval = 100

ios swift concurrency delay sleep

回答 1 投票 0

Flutter中如何检测用户何时停止在carousel_slider中滑动来进行API调用

我在Flutter中使用carousel_slider包，我需要优化当用户滑动到新项目时触发的API调用。目前，我使用 onPageChanged 回调来检测...

flutter logic delay carousel-slider

回答 1 投票 0

指定时间一小时后行动

我有一项服务可以在数据库中记录我的电报机器人的用户。我需要实现一种机制，如果用户一小时没有响应，他就会被记录在数据库中。用途...

java service delay scheduler

回答 1 投票 0

在 Excel 365 中延迟测验功能

我用Excel 365做了一个测验，我使用 xlookup 显示问题和答案，问题 – 在运行答案 xlookup 之前，我需要延迟答案出现 30-60 秒，给出

time delay pause

回答 2 投票 0

elasticsearch-py 在重试之间添加延迟

我正在实例化一个python elasticsearch客户端，如下所示 self.es = Elasticsearch( 主机=ELASTICSEARCH_URL，超时=5， ignore_unavailable=真， # 连接重试...

python delay elasticsearch-py

回答 1 投票 0

jQuery：我可以在addClass()之类的之间调用delay()吗？

就像这样简单： $("#div").addClass("错误").delay(1000).removeClass("错误"); 似乎不起作用。最简单的替代方案是什么？

jquery delay

回答 11 投票 0

delay 相关问题

最新问题