JavaScript 实现打字效果



function typing(that)
{
    that = typeof(that.length) == 'undefined' ? [that] : that;

    for(var i = 0; i < that.length; i ++)
    {
        let text = that[i];
        let str = text.innerHTML;
        let index = 0;
        text.innerHTML = '';

        let timer = setInterval(function()
        {
            var current = str.substr(index, 1);
            if(current == '<')
            {
                index = str.indexOf('>', index) + 1;
            }
            else
            {
                index ++ ;
            }

            text.innerHTML = str.substring(0, index) + (index & 1 ? '_': '');

            if(index >= str.length)
            {
                text.innerHTML = str.substring(0, index);
                clearInterval(timer);
            }
        }, 40);
    }
}

typing(document.getElementsByClassName('words1'));
typing(document.getElementById('words2'));

 

原创文章,作者:wdmbts,如若转载,请注明出处:https://blog.ytso.com/272693.html

(0)
上一篇 2022年7月9日
下一篇 2022年7月9日

相关推荐

发表回复

登录后才能评论