react中運用JS中setTimeout時間計時的方法

<span id="clock" style={{display:'block',fontSize:"14px",paddingTop:'10px'}}></span>
  componentDidMount(){
        function getTime(){
            // const $this=this;
            let data=new Date()
            let hour=data.getHours()<10?"0"+data.getHours():data.getHours();
            let minutes=data.getMinutes()<10?"0"+data.getMinutes():data.getMinutes();
            let seconds=data.getSeconds()<10?"0"+data.getSeconds():data.getSeconds();
            let time=hour+":"+minutes+":"+seconds;
            document.getElementById('clock').innerHTML=time;
            console.log(time);
            // return hour+":"+minutes+":"+seconds;
            setTimeout(getTime,1000);
        }
        getTime();

    }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容