Бегущие цифры на 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>