JS实现的自动打字效果示例
程序员文章站
2022-09-30 08:14:29
本文实例讲述了js实现的自动打字效果。分享给大家供大家参考,具体如下:
本文实例讲述了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程序设计有所帮助。
上一篇: 成功率达99%的备案教程[图文]
下一篇: 网店运营要学会两条腿走路:网店设计和营销