该博客展示了一段用HTML和JavaScript实现的表白代码。通过HTML创建页面结构，JavaScript实现动态显示表白语句，且文字颜色随机变化，营造出独特的表白效果，体现了前端开发在创意表达上的应用。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body onload="init()">
<center>
<h1 id="h" style=" font-size:200px ;"></h1>
</center>
</body>
</html>
<script >
var s = "我 爱 你 就 像 飞 蛾 爱 上 了 火 即 便 是 燃 烧 自 己 也 心 甘 情 愿 ";
var i = 0;
var h;//变量获取<h1>标签的
function init(){
//alert(s);//看是否能出来
h = document.getElementById("h");
//定时器
setInterval(show,400);
}
function show(){
i++;
//往div中打印东西
s1 = s.substring(i-1,i);
var a=["orange","blue","green","yellow","purple","pink"];
h.style.color=a[Math.floor(Math.random()*6)];
h.innerHTML = s1;
if(i == s.length){
i=0;
}
}
</script>
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
