html自动打字代码

介绍

像打字一样,慢慢展示出特定的文字。

代码

[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]

演示效果

 

时光日志 时光日志 2023年09月19日
    10天前 做人嘛,别那么卷
    1. 摄影作品:爱
    2. 摄影作品:喧嚣的城市

    时光相册

    My City
    My City 更新于2025年04月22日
    随手拍
    随手拍 更新于2025年04月22日
    花与草
    花与草 更新于2025年04月22日
    1
    122 of 151