javascript - 一次点击即可进行多次更改

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

因此，如果需要，文本会从“原始文本”变为“文本1”再到“文本2”再到“文本3”等，然后再回到“原始文本”。

他是我到目前为止的当前代码

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

这是HTML

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

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

最佳答案

如果您不介意将参数传递给函数：

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>

关于javascript - 一次点击即可进行多次更改，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37194108/