JavaScript Примеры (Time, Train, F5)

Пример номер 1


Creating a Date Object in JavaScript 
<head>
    <meta charset="utf-8">
    <title>Creating a Date Object in JavaScript</title>
</head>
<body>
    <script>
    var d = new Date();
    document.write(d);
    </script>
</body>
</html>

Пример номер 2



<html>

<head>
  <style>
    #train {
      position: relative;
      cursor: pointer;
    }
  </style>
</head>

<body>

  <img id="train" src="https://myrealdomain.com/images/animated-clipart-train-4.gif">


  <script>
    train.onclick = function() {
      let start = Date.now();

      let timer = setInterval(function() {
        let timePassed = Date.now() - start;

        train.style.left = timePassed / 5 + 'px';

        if (timePassed > 2000) clearInterval(timer);

      }, 20);
    }
  </script>


</body>

</html>

Комментарии

Отправить комментарий

Популярные сообщения