величение числа через заданное время до определенного значения
Здравствуйте. Будьте добры, помогите со скриптом. Расскажу что нужно:
На странице изначально указано число 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, время: 20:29. |