Question

我的页面上有一个按钮。我希望该按钮每隔2/4秒用Javascript更改语言。例如当页面加载时，按钮的文本将被搜索，并且在2或4秒后它将更改为其他语言。它不需要是一个无限循环，只需要最简单。

HTML：

<button id="search" name="q">search</button>`

Javascript：

var x = document.getElementById('search');
//after 2 seconds:
x.innerHTML="Suchen";
//And so on

Answer 1

这是解决您问题的最强大，最简单的解决方案。 JSFIDDLE。使用setInterval()

循环访问预定义的语言字典

var x = document.getElementById('search'),
    // dictionary of all the languages
    lan = ['Search',  'Suchen', 'other'],
    // hold the spot in the dictionary
    i = 1;  

setInterval(function (){
  // change the text using the dictionary
  // i++ go to the next language
  x.innerHTML = lan[i++];
  // start over if i === dictionary length
  i = lan.length === i ? 0 : i;
}, 2000);

Answer 2

> Demo : http://jsfiddle.net/JtHa5/

<强> HTML

<button id="search" name="q">Search</button>`

<强>使用Javascript：

setInterval(changeButtonText, 2000);

function changeButtonText()
{
 var btnTxt = document.getElementById('search');
    if (btnTxt.innerHTML == "Search"){
         btnTxt.innerHTML = "Suchen";
    }
    else{
         btnTxt.innerHTML = "Search";
    }
}

Answer 3

使用setInterval。

setInterval(function() {
    var btn = document.getElementById('search');
    if (btn.innerHTML == "search")
         btn.innerHTML = "Suchen";
    else
         btn.innerHTML = "search";
   }, 2000);

Answer 4

您也可以将按钮更改为input并使用value属性而不是innerHTML属性。这是Javascript：

function changeButton() {
    var btn = document.getElementById('myButton');
    if (btn.value == "Search")
        btn.value = "Suchen";
    else
        btn.value = "Search";
}
setInterval(changeButton, 2000);

和HTML

<input type="button" id="myButton" value="Search" />

如何在Javascript中随时间更改按钮文本？

4 个答案: