前言：
眼前姐妹们对“js弹出手机键盘怎么设置的”大约比较珍视，咱们都想要知道一些“js弹出手机键盘怎么设置的”的相关知识。那么小编在网络上收集了一些有关“js弹出手机键盘怎么设置的””的相关文章，希望看官们能喜欢，大家快快来学习一下吧！有时候浏览网页经常会看见一些页面出现一些打字的效果，那么是怎么实现的呢？
逻辑确定目标容器，在哪个容器进行输出确定输出内容，当前直接根据目标容器确定输出内容即可需要控制输出频率，因此需要循环输出完毕代码
var typper = function( selector, timemin ){ //默认频率时长75ms timemin = timemin || 75; //确定容器以及输出内容和当前进度 var $ele = $(selector),str = $ele.html(),progress = 0; //清空内容 $ele.html(''); //定时器 var typertimer = setInterval(function() { //根据进度获得当前内容 var current = str.substr(progress, 1); //判断是否是html标签 if (current == '<') { //如果是标签，则获得标签长度 progress = str.indexOf('>', progress) + 1; } else { progress++; } //打印标签和内容 $ele.html(str.substring(0, progress) + (progress & 1 ? '_' : '')); if (progress >= str.length) { if($ele.html().endWith('_')){ $ele.html($ele.html().substring(0,$ele.html().length -1)); } //结束定时器 clearInterval(typertimer); } }, timemin);};使用typper('body');效果效果图
转载请注明出处:
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #js弹出手机键盘怎么设置的 #js打字机效果
