更改特定时间的范围标记

时间:2018-03-22 08:05:56

标签: javascript php html css css3

代码:

<div>
 <p> Day is <span>beautiful</span></p>
</div>

现在我想每隔5秒更改一次span标记

例如

日子很美丽 5秒后 日子很好 然后在5秒后一天很棒然后再次一天很漂亮

表示只有span标记每5秒更改一次

我不知道该怎么做

1 个答案:

答案 0 :(得分:5)

试试这个

&#13;
&#13;
var span = document.querySelector("div p span");
var words = ["good", "awesome", "beautiful"];
var index = 0;
function change() {
	index = (index + 1) % words.length;
	var word = words[index];
	span.innerText = word;
};
setInterval(change, 5000); 
&#13;
<div>
  <p>Day is <span>beautiful</span></p>
</div>
&#13;
&#13;
&#13;