css - 如何使用库 cssanimation.io 设置延迟

Question

如果有人知道 cssanimation.io，我有一个小问题.. 我如何设置动画延迟？我把它放在任何地方，但动画总是在我重新加载页面时开始，而不是在 5 秒后开始

Answer 1

可以设置动画延迟delay = 5000;

将下面代码中的延迟从 100(默认)更改为 5000(5 秒)

window.onload = function () {
    splitText()
};
function splitText() {
    var a = document.getElementsByClassName('cssanimation');
    for (var i = 0; i < a.length; i++) {
        var $this = a[i];
        var letter = $this.innerHTML;
        letter = letter.trim();
        var str = '';
        var delay = 5000;
        for (l = 0; l < letter.length; l++) {
            if (letter[l] != ' ') {
                str += '<span style="animation-delay:' + delay + 'ms; -moz-animation-delay:' + delay + 'ms; -webkit-animation-delay:' + delay + 'ms; ">' + letter[l] + '</span>';
                delay += 150;
            }
            else
                str += letter[l];
        }
        $this.innerHTML = str;
    }
}

DEMO