javascript - 单击一次即可多次更改

Question

我试图让 JavaScript 通过单击多次更改文本，然后返回原始文本。我可以更改文本，但不能自动更改为另一段文本，或更改回原始文本。

因此，文本将从“原始文本”到“文本 1”到“文本 2”到“文本 3”等，满足我需要的数量，然后返回到“原始文本”

他是我目前拥有的代码

function changeText() { 
    document.getElementById('changingtext').innerHTML = 'text 1';
    setTimeout("changeText()",3000);
}

这是 html

<p id="changingtext" onclick="changeText()">original text</p>

任何帮助将不胜感激。谢谢!

Answer 1

如果您不介意向函数传递参数:

function changeText(new_text) {  
  var original_text = document.getElementById('changingtext').innerHTML;
  document.getElementById('changingtext').innerHTML = new_text;
  setTimeout("changeText('"+original_text+"')",3000);
}

<p id="changingtext" onclick="changeText('text 1')">original text</p>