Форум

Lefseq · #1 (**permalink**) 20.10.2019, 20:04

Здравствуйте. Будьте добры, помогите со скриптом. Расскажу что нужно:
На странице изначально указано число 1000, Через 3 секунды оно должно увеличиться до 1249, затем через 5 секунд до 1327, потом через 9 секунд до 1632.

рони · #2 (**permalink**) 20.10.2019, 21:54

Lefseq,
https://javascript.ru/forum/misc/682...enii-dnya.html

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>

  <script>
document.addEventListener('DOMContentLoaded', ready);
function ready()
{
   const options = {
        increment: 100,
        different: 300,
        basic: 1000,
        delay: 3000,
        differentDelay: 5000,
        elem: document.querySelector('.box')
      };
   const random = (increment, different) => increment + Math.random() * different | 0;
   const loop = () => {
       options.elem.innerHTML = options.basic;
       options.basic += random(options.increment, options.different);
       setTimeout(loop, random(options.delay, options.differentDelay))
   }
   loop()
}

  </script>
</head>

<body>
<div class="box"></div>

</body>
</html>

clubilim · #3 (**permalink**) 15.04.2022, 16:49

Всем здравствуйте! Не кидайтесь камнями пожалуйста. Я только учусь. Как реализовать такой скрипт или уже есть готовый. Что бы он выполнял такую команду через указанное время, например через 10 минут прибавлял к существующему числу например 0.01 любое в случайном порядке или по порядку за ранее указанные в скрипте числа например 0.01, 0.3, и 0.7 Так же что бы была запись в базу данных. В общем проблемка такая. Прошло время и он к 0.01 прибавил 0.7 и естественно в базе вместо 0.01 уже 0.71. Как то так. Пожалуйста помогите.

рони · #4 (**permalink**) 15.04.2022, 18:18

clubilim,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>

  <script>
document.addEventListener('DOMContentLoaded', ready);
function ready()
{
   const options = {
        increment: .01, // прибавлять от .01 до 0.7
        different: .7,
        basic: 0.7, //начальное число
        delay: 10000, // пауза 10 сек
        differentDelay: 0,
        elem: document.querySelector('.box'), //куда выводить
        key: 'basic' //ключ базы??? localStorage в качестве базы данных
      };
   const random = (increment, different) => +(increment + Math.random() * different);
   const loop = () => {
       options.basic = localStorage.basic ? +localStorage[options.key] : options.basic;
       options.elem.innerHTML = options.basic.toFixed(2);
       options.basic += random(options.increment, options.different);
       localStorage[options.key] = options.basic;
       setTimeout(loop, random(options.delay, options.differentDelay))
   }
   loop()
}

  </script>
</head>

<body>
<div class="box"></div>

</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript