Блог

Я пытаюсь добавить функцию текущего времени на свой веб-сайт, и у меня возникла проблема с моим кодом. Когда я запускаю свой код, он не компилируется, но когда вы просматриваете страницу, вы видите отображаемое время. Вот мой код.

 import React, { useState, useEffect } from 'react';

export const DateTime = () => {

var [date,setDate] = useState(new Date());

useEffect(() => {

    var timer = setInterval(()=>setDate(new Date()), 1000 )

    return function cleanup() {
        clearInterval(timer)
    }

});

return(
    <div>
        <p>Time : {date.toLocaleTimeString()}</p>
    </div>
)

}

export default DateTime;
 

nvm, я нашел решение этой проблемы. Вот обходной путь. не забудьте импортировать свой файл javascript, как это сделал я. Счастливого взлома 🙂

 const clock = document.getElementById('clock');


const dateLocal = 'en-US';
const dateFormat = {
  weekday: 'long',
  year: 'numeric',
  month: 'long',
  day: 'numeric'
};

const clockFn = () => {
  const now = new Date();
  const time = now.toLocaleTimeString().split(':').splice(0, 2).join(':');
  const date = now.toLocaleDateString(dateLocal, dateFormat);
  clock.dataset.time = time;
  clock.dataset.date = date;
};


setInterval(() => {
  clockFn();
}, 1000)
clockFn(); 

 <div id="clock"></div>