逐字显示,并使用callback显示下一行
来源:互联网 发布:婚纱胸贴哪种好用 知乎 编辑:程序博客网 时间:2024/06/09 14:03
HTML结构:
<p id="w1"></p><p id="w2"></p>
/* lines words */ var w1 = '时光是琥珀', w2 = '泪一滴滴被反锁' w3='情书再不朽', w4='也磨成沙漏', w5='青春的上游', w6='白云飞走苍狗与海鸥', w7='闪过的念头', w8='潺潺的溜走'; /* show page 1 words */ showWord(w1,document.getElementById('w1'),0,function(){ showWord(w2,document.getElementById('w2'),0,null); }); /* show function */ function showWord(word,objID,i,callback){ var wlen = word.length; objID.innerHTML += word[i]; i++; setTimeout(function(){ if(i < wlen) { showWord(word, objID, i, callback); }else if(i == wlen){ callback(); } },300); }
上面的功能就是逐行逐字显示文字,当显示完一条之后,要显示的下一句话可以通过callback来确定。
0 0
- 逐字显示,并使用callback显示下一行
- JS逐字显示
- js 状态栏逐字显示文字
- TypewriterEffect ugui 文字 逐字显示
- Qt QLabel 逐字显示的方法
- 用js控制实现逐字显示
- Android实现文字逐字显示出来效果
- GridView实现一行显示并左右滚动
- GridView实现一行显示并左右滚动
- 一行显示多个div 并居中显示
- div隐藏和显示下一行
- ListControl自动高亮显示下一行
- IE下使用控件实现读取本地文件功能并显示
- php下使用ajax异步上传图片并显示缩略图
- window下使用curl库保存网页源码并显示
- Java图形程序中的对话逐字显示实现
- Unity学习笔记——逐字显示一首诗
- listbox一行记录显示一行
- jsonp
- xml显示(css,xslt)
- Linux内核编译相关介绍
- Navicat for Oracle安装配置笔记(解决ORA-28547错误)
- Pascal's Triangle
- 逐字显示,并使用callback显示下一行
- socket地址说明及转换函数
- Windows共享内存以及相关函数的使用
- LeetCode --- 11. Container With Most Water
- Leetcode NO.34 Search for a Range
- 2014-03-10 Android搭建开发环境
- char*与LPCTSTR相互转化
- mongodb 的配置项启动 和 关闭
- LeetCode --- 12. Integer to Roman