如何在一个标签一个接一个地显示2个不同的文本

本文关键字：一个 2个 文本 显示 标签 | 更新日期: 2023-09-27 18:08:07

如何在一个标签中同时使用计时器显示两个不同的文本。例如，我想在10秒后首先显示国内，它应该在单个标签中更改为国际。

如何在一个标签一个接一个地显示2个不同的文本

HTML

<label id="myLabel">Domestic</label>

JS: 

var changeLabel = function(){
  document.getElementById('myLabel').innerHTML = 'International';
}
window.setTimeout(changeLabel, 10000);
演示

var changeLabel = function(){
  var text = document.getElementById('myLabel').innerHTML;
  if(text == 'Domestic')
      document.getElementById('myLabel').innerHTML = 'International';
  else
      document.getElementById('myLabel').innerHTML = 'Domestic';
  window.setTimeout(changeLabel, 10000);
}

可以在body html标签中使用:<body OnLoad="changeLabel()">

你可以使用setTimeout()在10秒后显示第二个文本

相关文章：