使用js代码轻松实现文字闪烁变色效果的方法

有的时候我们会在一些网站上看到文字闪烁变色的效果,在这里我就分享一下使文字闪烁变色的js代码。用很少的代码就可以实现这样的效果了。下面是js实现文字闪烁变色效果的代码:

<!DOCTYPE html>
<html>
<head>
	<title>文字闪烁效果</title>
<style type="text/css">
	.changecolor0{color:#f00;}
	.changecolor1{color:#0f0;}
	.changecolor2{color:#00f;}
	.changecolor3{color:#f0f;}
	.changecolor4{color:#0ff;}
	.changecolor5{color:#000;}
</style>
</head>
<body>
<span id="remaincolor">文字闪烁效果</span>
<script type="text/javascript">
	var i=0;
	function blink(){
		document.getElementById("remaincolor").className="changecolor"+i%6;
		i++;
	}
	setInterval(blink, 500);
</script>
</body>

👋 感谢您的观看!

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享