效果是实现了，可是代码我不是很懂为什么
来源：1-25 编程练习
慕容3241023
2019-07-16 16:15:36
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>闪烁的文字</title>
<style type="text/css">
div{
width:200px;
height:200px;
line-height:200px;
border:2px solid gray;
text-align:center;
color:red;
}
</style>
</head>
<body>
<h3>会闪烁的文字</h3>
<div id="text"></div>
<script type="text/javascript">
//补充代码
var txt=document.getElementById("text");
var time1=setInterval(
function(){
txt.innerHTML="☆☆☆今日特卖☆☆☆"
},500
)
var time2=setInterval(
function(){
txt.innerHTML="★★★今日特卖★★★"
},1000
)
</script>
</body>
</html>
1回答
-
好帮手慕夭夭
2019-07-16
你好同学，代码中设置了两个定时器，定时器执行的时间，第一个是第二个的一半。500ms是半秒，1000ms是一秒。
当页面打开的时候，先过半秒执行了第一个，改变了盒子里面的文字为"☆☆☆今日特卖☆☆☆"。然后再过半秒，正好时间已经过去了1秒。此时第二个定时器也会被执行，那么后面的代码会覆盖前面的代码，最后生效的是"★★★今日特卖★★★"。即每过半秒，内容实现改变，达到了闪烁的效果。
祝学习愉快，望采纳。
0
相似问题