import React from'react'import"./index.css";constgetTime=()=>{let dt =newDate();var y = dt.getFullYear();var mt = dt.getMonth()+1;var day = dt.getDate();var h = dt.getHours();//获取时var m = dt.getMinutes();//获取分var s = dt.getSeconds();//获取秒const Time =
y +"年"+
mt +"月"+
day +"-"+
h +"时"+
m +"分"+
s +"秒";return Time
}exportdefaultclassIndexextendsReact.Component{
state ={
courentTime:'00',
inter:''}componentDidMount(){const t =setInterval(()=>{this.setState({ courentTime:getTime()})},1000)this.setState({ inter: t })}componentWillUnmount(){clearInterval(this.state.inter)}render(){return<div className='header-box'><h1>可视化展板-ECharts</h1><div class="showTime">当前时间:{this.state.courentTime}</div></div>}}
import React,{ useEffect, useState }from'react'import"./index.css";exportdefault()=>{const[courentTime, setCourentTime]=useState()const[intervalData, setInterData]=useState('')constgetTime=()=>{let dt =newDate();var y = dt.getFullYear();var mt = dt.getMonth()+1;var day = dt.getDate();var h = dt.getHours();//获取时var m = dt.getMinutes();//获取分var s = dt.getSeconds();//获取秒const Time =
y +"年"+
mt +"月"+
day +"-"+
h +"时"+
m +"分"+
s +"秒";return Time
}
console.log("courentTime", courentTime)useEffect(()=>{const t =setInterval(()=>{setCourentTime(getTime())},1000)setInterData(t)return()=>{clearInterval(intervalData)}},[])return<div className='header-box'><h1>可视化展板-ECharts</h1><div class="showTime">当前时间:{courentTime}</div></div>}