млый посимвольный вывод текста

[keen]

когда программисту хочется отдохнуть, он иногда пишет программы для души.
вот и я написал маленький скрипт для банального, но симпатичного вывода текста. может когда-нибудь куда-нибудь прикручу (хотя вряд ли).

собсна демка - тыц.

сам скрипт написан на vanilla JS, но в демке для мерцания курсора подключил jQuery.
сделал несколько параметров для кастомизации - если открыть исходный код, станет ясно что к чему.

[domius]

На чистом JS можно зделать в 10 строк ).

[keen]

а чем тебе vanilla JS не угодил?

[devote]

keen,
так все отлично, тока вместо setTimeout лучше юзай setIntrerval

[Deff]

keen,
Звук бы еще прилепить: Cкрябанья по бумаге, либо подобие принтера

[ruslan_mart]

fSuccess: function () {
var str = $('#printer').html(),
flag = false,
iId;

iId = setInterval(function () {
flag = !flag;
$('#printer').html(str + (flag ? 'в–€' : ''));
}, 500);

setTimeout(function () {
clearInterval(iId);
}, 60 * 1000);
}

Конечно мелочи, но всё же лучше сделать так:

fSuccess: function () {
	var printer = $('#printer'),
		str = printer.html(),
		flag = false,
		iId;

	iId = setInterval(function () {
		flag = !flag;
		printer.html(str + (flag ? 'в–€' : ''));
	}, 500);

setTimeout(function () {
	clearInterval(iId);
    }, 60 * 1000);
}

Чтобы каждый раз не юзать $('#printer').

flag = !flag;

Иногда так делаю:

flag ^= 1;

Но это уже наверное дело вкуса.

А так прикольно сделано, +

[keen]

keen,
так все отлично, тока вместо setTimeout лучше юзай setIntrerval

зачем
сеттаймаут у меня - чтобы через минуту курсор перестал моргать. нахрена там интервал?

var printer = $('#printer')

угу. там ещё в одном месте длина строки дважды считается, можно вынести var len = str.length
мелочи..

flag ^= 1;

ну это, согласись, не так очевидно как c "!"

[keen]

keen,
Звук бы еще прилепить: Cкрябанья по бумаге, либо подобие принтера

либо попискивания, как в фильме "матрица", либо..

скрипт можно модифицировать до бесконечности

[devote]

сеттаймаут у меня - чтобы через минуту курсор перестал моргать. нахрена там интервал?

не заметно:

fPrint = function (x) {
        var fin1 = (x + 1 < str.length) ? str[x + 1] : '',
            fin2 = (x + 2 < str.length) && !(str[x] in splitter) && !(str[x + 1] in splitter) ? str[x + 2] : '';
 
        element.innerHTML = '<div>' + str.substr(0, x + 1).replace('\n', '<br/>', 'g') +
            '<span class="' + options.style1 + '">' + fin1 +'</span>' +
            '<span class="' + options.style2 + '">' + fin2 + '</span>';
*!*
        setTimeout(function () {
*/!*
            if (x < str.length - 1) {
                return fPrint(++pos);
            }
            options.fSuccess();
        }, fIntervaler(str[x + 1]));
    };

[keen]

ты не уловил суть
там интервал меняется в зависимости от выводимых символов - так, например, после точки он чуть больше.
вывод получается более человеческий: закончили предложение - подождали немного прежде чем выводить следующее.