Как увеличить цифру использую цикл

252

12 сентября 2018, 10:00

Помогите пожалуйста, не могу разобраться с циклом в JS. Сейчас использую вот такой костыль:

if (video == 199) {
    if (length < 30) {
        document.getElementById('price').innerHTML = ('$50');
    }
    else if (length < 60) {
        document.getElementById('price').innerHTML = ('$75');
    }
    else if (length < 90) {
        document.getElementById('price').innerHTML = ('$100');
    }
    else {
        document.getElementById('price').innerHTML = ('$125');
    }
}

Но мне нужно чтобы изменяя length с шагом 30 - price увеличивался на 25

Answer 1

Ну если каждые 30 секунд, тогда нужен setInterval

const price = document.getElementById('price'); 
let priceValue = 0; 
setInterval(() => { 
    price.innerHTML = `$${priceValue}`; 
    priceValue += 25; 
}, 300); // в миллисекундах, вам нужно поставить 30000

<div id='price'></div>

Answer 2

Можно использовать тернарный оператор. Код получается более компактным, а суть та же.

var text = document.getElementById('price').innerHTML;
if (video == 199) {
   length < 30 ? text = '$50' : (length < 60 ? text = '$75' : (length < 90 ? text = '$100' : text = '$125'));
}

Answer 3

Спасибо, я конечно задал сразу не очень корректно вопрос, спешил.

Подсказали мне такое решение:

var length = 0; 
$('#seconds').each(function() { 
  length += parseInt($(this).val()); 
}); 
 
var step = 0; 
step = ((length / 30) * 25); 
document.getElementById('price').innerHTML = ('$' + step);

<input type="number" step="30" value="30" id="seconds"> 
<div id="price"></div> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

JavaScript отправка Buffer с фото

Для того что бы отправить фото в node-js я использую вот этот код:

279

javascript

History API (scroll -> replaceState) - JavaScript

Обновил jQuery и jq-ui и теперь вижу предупреждение:

266

javascript

Google map API как получить общее время в пути

Подскажите кто сталкивался уже с такимРаботаю на сайте с картами Google, подключены API: Maps JavaScript API, Places API, Directions API

236

javascript

не работает добавление класса addClass

Помогите пожалуйста разобраться, почему не происходит добавление класса через addClass? Есть noUIslider, я ему через span добавил проценты ниже, при...

284