Function Clock

04React/Day05/vite-project/src/Clock.jsx:3–36

()

import { useEffect, useState } from "react";

function Clock(){
    

    const [time,setTime] = useState(new Date().toLocaleTimeString());
    const [show,setShow] = useState(true);
     
    useEffect(()=>{

     if(!show)
        return;   
       
    const intervalId = setInterval(()=>{
      setTime(new Date().toLocaleTimeString());
      console.log("Hi");
    },1000)
    
    return ()=>{
        clearInterval(intervalId);
    }

    },[show])

    
    
    
    return (
        <>
        <button onClick={()=>setShow(!show)}>{show?"hide":"show"}</button>
        {
            show&&<h1>Current Time: {time}</h1>
        }
        </>
    )
}

export default Clock;