如何在Yew应用程序中包含睡眠功能

Question

我正在尝试用Yew(Rustwasm(构建小型应用程序。我想把睡眠功能放在Yew应用程序中。当我使用std:：thread:：sleep时，我得到的错误低于

我使用低于的睡眠

let mut index = 0;
sleep(Duration::new(1, 0));
if col < 3 {
index = row * 4 + (col + 1);
if self.cellule[index].value == 1 {
sleep(Duration::new(1, 0));

wasm.js:314 panicked at 'can't sleep', src/libstd/sys/wasm/thread.rs:26:9
Stack:
Error
at imports.wbg.__wbg_new_59cb74e423758ede (http://127.0.0.1:8080/wasm.js:302:19)
at console_error_panic_hook::hook::hd38f373f442d725c (http://127.0.0.1:8080/wasm_bg.wasm:wasm-function[117]:0x16a3e)
at core::ops::function::Fn::call::hf1476807b3d9587d (http://127.0.0.1:8080/wasm_bg.wasm:wasm-function[429]:0x22955)
at std::panicking::rust_panic_with_hook::hb07b303a83b6d242 (http://127.0.0.1:8080/wasm_bg.wasm:wasm-function[211]:0x1ed0d)
at std::panicking::begin_panic::h97f15f2442acdda4 (http://127.0.0.1:8080/wasm_bg.wasm:wasm-function[321]:0x21ee0)
at std::sys::wasm::thread::Thread::sleep::hdd97a2b229644713 (http://127.0.0.1:8080/wasm_bg.wasm:wasm-function[406]:0x22829)

Answer 1

像thread::sleep这样的方法不起作用，因为在JS环境中只有一个线程。如果你称之为睡眠，你将完全屏蔽该应用程序。

如果你想使用一个间隔，你应该"；订单；回调。您可以查看以下示例如何使用TimeoutService或IntervalService：yew/examples/timer

以这种方式创建服务的核心思想：

let handle = TimeoutService::spawn(
Duration::from_secs(3),
self.link.callback(|_| Msg::Done),
);
// Keep the task or timer will be cancelled
self.timeout_job = Some(handle);

现在，您可以使用Msg::Done的处理程序来对计时器的运行做出反应。

线程实际上是可用的，但这是一个复杂的主题，您必须使用Web Workers API来访问它们。不管怎样，这对你的案子没用。标准中也有一些建议，但它们还没有在浏览器中提供。