本文实例讲述了js实现的自动打字效果。分享给大家供大家参考,具体如下:
<!doctype html> <html> <head> <meta charset='utf-8'> <title>js typing</title> </head> <body> <div id='divtyping'></div> <script> var str = 'js 实现的 打字效果,感觉蛮有趣的。'; var i = 0; function typing(){ var divtyping = document.getelementbyid('divtyping'); if (i <= str.length) { divtyping.innerhtml = str.slice(0, i++) + '_'; settimeout('typing()', 200);//递归调用 } else{ divtyping.innerhtml = str;//结束打字,移除 _ 光标 } } typing(); </script> </body> </html>
运行效果图如下:
更多关于javascript相关内容感兴趣的读者可查看本站专题:《javascript切换特效与技巧总结》、《javascript查找算法技巧总结》、《javascript动画特效与技巧汇总》、《javascript错误与调试技巧总结》、《javascript数据结构与算法技巧总结》、《javascript遍历算法与技巧总结》及《javascript数学运算用法总结》
希望本文所述对大家javascript程序设计有所帮助。
如对本文有疑问, 点击进行留言回复!!
微信小程序wx.scanCode扫描条形码,偶尔出现条形码不正确导致查询失败
Android 入门第七讲01-数据存储(数据存储概述,文件存储(raw和asserts目录读写,data/data/包名目录读写,sdcard目录读写),SharedPreferences读写)
vue-axios系列:axios拦截器,配置请求头,配置请求参数
网友评论