puedes escribir:

 if (loading) { let time = 0; setTimeout(() => { switch(time) { case 2: alert("please wait..."); break; case 5: alert("loading..."); break; case 10: alert("sorry, please wait..."); break; } time++; }, 1000); }

En tu caso específico, podrías hacer lo siguiente:

1. Necesitas corregir tu sintaxis. Las funciones se invocan usando () después del espacio de nombres. Por ejemplo greet1()
2. Cree un estado basado en el contador (ya que parece que sus mensajes varían según la "duración"). Esto nos permite determinar el "tiempo" que ha pasado.

 const [downloadStatus, setDownloadStatus] = useState(0);

3. Agregue un oyente onClick para activar la descarga.

 const messageDownloadPairs = { 1: ["Message1", 0], 2: ["Message2", 10 * 1000] 3: ["Message3", 20 * 1000] } const getDownloadMessageTimePair = (status) => messages[Math.min(status, Object.values(messages).length)]

con el siguiente jsx bajo return

 <button onClick={invokeDownload}>{getDownloadMessage(downloadStatus)[0]}</button>

donde invokeDownload sigue a la firma

 const invokeDownload = () => { // Your download code here. setDownloadStatus(1) // Notifying the component that the download has started. }

4. Cree una función checkDownloadStatus para verificar si la descarga se completó. Puedes encontrar algunos ejemplos aquí
5. Use el gancho useEffect para manejar los tiempos de espera y las actualizaciones de estado.

 useEffect(() => { const downloadComplete = checkDownloadStatus() if (!downloadComplete) { const newDownloadStatus = downloadStatus + 1 setTimeOut( () => setDownloadStatus(newDownloadStatus), getDownloadMessageTimePair(downloadStatus)[1] ) } }, [downloadStatus])

Con esto, tiene un botón "compatible con el progreso" para rastrear su descarga csv . Actualizaré esto cuando obtenga más información sobre los detalles de su proyecto.

No estoy seguro de cómo es su código en React, pero en JS simple funciona. Solo ajústalo para tu necesidad. Actualizado: se agregó la capacidad de escribir dentro del message div.

 var message = document.getElementById("message"); function greet1() { message.innerHTML = "please wait.."; } function greet2() { message.innerHTML= "loading"; } function greet3() { message.innerHTML= "sorry, please wait..."; } var loading = true; if (loading) { setTimeout(() => { greet1(); }, 0); setTimeout(() => { greet2(); }, 2000); setTimeout(() => { greet3(); }, 3000); }

 <div id="message" ></div>