最近看了一个小效果,感觉还挺不错,代码实现起来也挺简单,于是就写了些。
html:
<textarea id="showStr"></textarea> //用来显示逐渐出现的文字
<div style="display:none" id="string">宝贝,我好想好想你,想你想的睡不好觉,想你想的吃不下饭,我爱你爱你爱你,么么么么么么么么,啵啵啵啵啵啵啵
</div>
js:
var index = 0;
var str = document.getElementById("string").innerHTML;
function type() {
if(index == str.length) {
index = 0;
}
document.getElementById("showStr").innerText = str.substring(0, index++);
}
setInterval(type, 200); //通过定时器来让文字逐步显示
这里最主要的就是通过str.substring(x,y)这个函数来进行字符串的截取,然后再通过定时器实现效果,很简单。
今天一口气写了好几篇小文章,都是一些工作中能用的到的小效果。接下来会逐渐的增加一些内容,进行一些框架的学习交流(还在整理中),希望与大家能共同进步,多读指教。