html自动打字代码
•分享
676
1
正文开始
介绍
像打字一样，慢慢展示出特定的文字。
代码
[reply]
<html>
<head>
<title> 自动打字</title>
</head>
<body>
<div id='divTyping'></div>
<script>
var str = '<big>欢迎来到时光日志。<br>有事您联系</big>';
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>[/reply]
演示效果
正文结束
文章标题：html自动打字代码
本文链接：https://timelogs.cn/archives/288/
许可协议：CC BY-SA 4.0
最后更新 2024-03-06
666666666666