Бегущие цифры на javascript?

Подскажите пожалуйста как сделать что-бы код набора текста печатал как $0.00,$5.00,$50.00,$50.00, так и в обратную сторону($50.00,$50.00,$0.00,$0.00)? В js я еще плохо разбираюсь( Cпасибо

function explode(delimiter, string) { // Split a string by string
  var emptyArray = {
    0: ''
  };
  if (arguments.length != 2 ||
    typeof arguments[0] == 'undefined' ||
    typeof arguments[1] == 'undefined') {
    return null;
  }
  if (delimiter === '' ||
    delimiter === false ||
    delimiter === null) {
    return false;
  }
  if (typeof delimiter == 'function' ||
    typeof delimiter == 'object' ||
    typeof string == 'function' ||
    typeof string == 'object') {
    return emptyArray;
  }
  if (delimiter === true) {
    delimiter = '1';
  }
  return string.toString().split(delimiter.toString());
}

function writeText(selector, data_text_i) {
  let obj = $(selector);
  if (obj !== 'undefined') {
    let data_text_arr = explode(',', obj.data('text'));
    console.log(selector + ' - ' + data_text_i + ' = ' + data_text_arr[data_text_i]);
    if (data_text_arr[data_text_i] !== 'undefined') {
      obj.html(data_text_arr[data_text_i]);
    }
  }
}

jQuery(document).ready(function($) {
  writeText('.main-virtual-terminal__typing-text-2', 0);
  for (let i = 1; i < 4; i++) {
    let interval = 300 * i;
    setTimeout(function() {
      writeText('.main-virtual-terminal__typing-text-2', i);
    }, interval);
  }
});
.main-virtual-terminal__typing-text-2 {
  font-size: 100px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<div class="main-virtual-terminal__line-2">
  <span class="main-virtual-terminal__typing-text-2" data-text="$0.00,$5.00,$50.00,$50.00">$0.00</span>
</div>


Ответы (0 шт):