首页 > 代码库 > 文字打字机效果,可换字体样式
文字打字机效果,可换字体样式
<div id="text">你好,欢迎光临,今天是个好日子!</div> <script> $(function() { daziji("#text", 150); //调用打字机函数 }) </script>
js
function daziji(dazijiDiv, dazijiTime) { var text1 = $(dazijiDiv).text(), text2 = text1, lentext = text2.length, textArray = text2.split(""); $(dazijiDiv).empty(); for (i = 0; i < text2.length; i++) { $(dazijiDiv).append(‘<span style="display:none">‘ + textArray[i] + ‘</span>‘); } dazijiShow(dazijiDiv, lentext, dazijiTime); } var dazijiN = 0; function dazijiShow(d, e, f) { $(d).children("span").eq(dazijiN).show().css({ color: ‘#‘ + Math.floor(Math.random() * 16777215).toString(16) }); if (dazijiN < e) { dazijiN++; setTimeout("dazijiShow(‘" + d + "‘," + e + "," + f + ")", f) } else { dazijiN = 0; setTimeout("dazijiShow(‘" + d + "‘," + e + "," + f + ")", f); }; }
文字打字机效果,可换字体样式
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。