html自动打字代码

分享
719 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
那年今日
09月
19日
  • 🔸暂无数据

评论 ( 1 )
悄悄话
贰 + 壹 =
  1. mubai Lv1⭐️

    666666666666

    2024-02-14新疆电信 回复