Показать сообщение отдельно
  #4 (permalink)  
Старый 04.06.2019, 16:07
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

localStorage and DateTimeFormat
Anastasiia_prof,
<!DOCTYPE html>
<html>
<head>
  <title>Узнать время и дату</title>
  <meta charset="utf-8">
</head>
<body>
  <h2>Хотите узнать актуальное время и дату сейчас?
  Нажмите на кнопку!</h2>
  <button id="addButton" name="send">Узнать дату и
  время</button>
  <h4 id="time"></h4>
  <h4>Последний раз вы нажимали на кнопку:</h4>
  <p id="DateHistore"></p>
  <script>
function lastTimeClick() {
    if ("lastData" in localStorage) document.getElementById("DateHistore").innerHTML = localStorage.lastData
}

function formatTime(data) {
    return (new Intl.DateTimeFormat("ru", {
        day: "numeric",
        month: "long",
        year: "numeric",
        hour: "2-digit",
        minute: "2-digit",
        second : "2-digit"
    })).format(data)
}

function init() {
    var button = document.getElementById("addButton");
    button.onclick = handleButtonClick;
    lastTimeClick()
}

function handleButtonClick() {
    var today = new Date;
    today = formatTime(today);
    document.getElementById("time").innerHTML = today;
    lastTimeClick();
    localStorage.lastData = today
};
window.onload = init;
  </script>
</body>
</html>
Ответить с цитированием