величение числа через заданное время до определенного значения
Здравствуйте. Будьте добры, помогите со скриптом. Расскажу что нужно:
На странице изначально указано число 1000, Через 3 секунды оно должно увеличиться до 1249, затем через 5 секунд до 1327, потом через 9 секунд до 1632. |
счётчик фейковый
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> |
Всем здравствуйте! Не кидайтесь камнями пожалуйста. Я только учусь. Как реализовать такой скрипт или уже есть готовый. Что бы он выполнял такую команду через указанное время, например через 10 минут прибавлял к существующему числу например 0.01 любое в случайном порядке или по порядку за ранее указанные в скрипте числа например 0.01, 0.3, и 0.7 Так же что бы была запись в базу данных. В общем проблемка такая. Прошло время и он к 0.01 прибавил 0.7 и естественно в базе вместо 0.01 уже 0.71. Как то так. Пожалуйста помогите.
|
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> |
Часовой пояс GMT +3, время: 22:14. |