diff --git a/src/app/ipa-reader/page.tsx b/src/app/ipa-reader/page.tsx index 0452d4c..9043aca 100644 --- a/src/app/ipa-reader/page.tsx +++ b/src/app/ipa-reader/page.tsx @@ -12,7 +12,15 @@ export default function Home() { if (!reqEnabled) return; setReqEnabled(false); - respref.current!.innerText = '正在生成国际音标(IPA),请稍等~' + respref.current!.innerText = '正在生成国际音标(IPA),请稍等~'; + let timer: NodeJS.Timeout; + (() => { + let count = 0; + timer = setInterval(() => { + respref.current!.innerText = '正在生成国际音标(IPA),请稍等~'; + respref.current!.innerText += `\n(waiting for ${++count}s)` + }, 1000); + })(); const text = inputref.current!.value.trim(); if (text.length === 0) return; @@ -28,13 +36,14 @@ export default function Home() { return response.json(); }) .then(data => { - respref.current!.innerText = `LANG: ${data.lang}\nIPA:${data.ipa}`; + respref.current!.innerText = `LANG: ${data.lang}\nIPA: ${data.ipa}`; }) .catch(error => { respref.current!.innerText = `错误: ${error.message}`; }) .finally(() => { setReqEnabled(true); + clearInterval(timer); }); } const readIPA = () => {