更改特定时间的范围标记

Question

代码:

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

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

例如

5秒后的 一天是美丽的一天是好的, 然后是 5秒后的一天很棒然后再一天很美

仅表示跨度标签每5秒更改一次

我不知道该怎么做

Answer 1

试试这个

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); 

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