自动书写文字——表白-CSDN博客

本文链接：https://blog.csdn.net/qq_53541336/article/details/123093210

还在自己发一段文字向女生表白吗，这样的方式已经过时了，快来试试电脑自己书写文字表白吧，让心爱的女生眼前一亮对你立马产生兴趣，方法十分简单，快快动起你们的小手指向自己喜欢的人去表白吧。

HTML：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/public.css">
		<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
		<div class="pic"  id="box">
		</div>
		<script src="js/app.js"></script>
	</body>
</html>

css：

.pic{
	width: 800px;
	height: 800px;
	box-shadow: 0 0 10px 0 rgba(0,0,1,1);
	border-radius: 10px;
	background: url(../img/QQ图片20211206203905.jpg);
	margin-left: auto;
	margin-right: auto;
}
.pic img{
	width: 800px;
	height: 800px;
	
}

里面添加的背景图片可自行选择自己喜欢的图哦。

js:

let box=document.getElementById("box");
let str="I LOVE YOU , I AM GOING TO LOVE YOU FOR A LONG TIME WITHOUT THE THOUGHT OF GIVING UP,  WANT TO SAY TOO MUCH TO SAY TO HIM ";
let arr=str.split("");
let i=0;
box.innerHTML="";
function typingFun(){
	box.innerHTML +=arr[i];
	i++;
	if(i>=arr.length){
		clearInterval(myset);
	}
}
let myset=setInterval(typingFun,500);

str中的那个文字可以自己添加对喜欢人的说的话哦！