JS を使用して現在時刻を動的に表示する簡単な方法 (3 つのステップを実行!)

最初のステップは、時間を表示する DOM 要素を決定することです。

<di class='show-time'>在这里显示动态时间</div>

2 番目のステップは、現在時刻を取得して出力をフォーマットする関数をカプセル化することです。

function getCD(){
    
    
    const d = new Date((new Date()).getTime()+8*3600*1000)
    const list = d.toISOString().split(/[^0-9]/).slice(0,-2)
    return `${
      
      list[0]}年${
      
      list[1]}月${
      
      list[2]}日 ${
      
      list[3]}时${
      
      list[4]}分${
      
      list[5]}秒`
}

3 番目のステップは、タイマーを通じて関数を動的にトリガーし、結果をページに表示することです。

const printND = setInterval(()=>{
    
    
    document.getElementsByClassName('show-time ')[0].innerHTML = getCD()
},1000)

動的表示を停止する必要がある場合は、次のように、clear timer メソッドを呼び出すだけです。

clearInterval(printND)