time method javascript[useeffect]

 Short and simple:

new Date().toLocaleTimeString(); // 11:18:48 AM
//---
new Date().toLocaleDateString(); // 11/16/2015
//---
new Date().toLocaleString(); // 11/16/2015, 11:18:48 PM

4 hours later (use milisec: sec==1000):

new Date(new Date().getTime() + 4*60*60*1000).toLocaleTimeString(); // 3:18:48 PM or 15:18:48

2 days before:

new Date(new Date().getTime() - 2*24*60*60*1000).toLocaleDateString() // 11/14/2015

import React,{useEffect, useState} from 'react'
export default function Eff() {
  const [T,setT]=useState(new Date().toLocaleTimeString());
 const [message,setMessage]=useState('ducat');
 //mounting and updating if [] then only mounting 
 useEffect(()=>{
console.log("good m orning");
const interval=setInterval(showData,1000);
//cleanup:--
return ()=>{
  console.log("cleanup function called");
  clearInterval(interval);
}
  },[])
  //on the basis of time....[T]
  const showData=()=>{
    setT(new Date().toLocaleTimeString());
  }  
  const changeData=()=>{
    console.log("change data called");
  setMessage("set message called");
  }
  return (
    <div>{T}
    {message}
    <button onClick={()=>showData()}>showDate</button>
    <button onClick={()=>changeData()}>click</button></div>
  )
}