Javascript 一次单击即可重复切换文本的函数

Javascript 一次单击即可重复切换文本的函数,javascript,function,text,toggle,Javascript,Function,Text,Toggle,所以我有一个函数,它处理一些用户输入,然后显示结果。我想做的是让显示的结果在两组文本之间切换。当我单击页面上的按钮时,该函数将运行。目前,我已将其设置为根据单击按钮的时间显示不同的消息 myFunction1() { // does a whole bunch of other stuff... myFunction2(value1, value2, today.getSeconds()); } myFunction2(x, y, z) { if (z % 10 >

所以我有一个函数,它处理一些用户输入,然后显示结果。我想做的是让显示的结果在两组文本之间切换。当我单击页面上的按钮时,该函数将运行。目前,我已将其设置为根据单击按钮的时间显示不同的消息

myFunction1()
{
    // does a whole bunch of other stuff...
    myFunction2(value1, value2, today.getSeconds());
}
myFunction2(x, y, z)
{
    if (z % 10 >= 5)
        document.getElementById("element1").innerHTML= x + " My Text " + y ;
    else
        document.getElementById("element1").innerHTMLx + " Alt Text " + y ;
}

因此,我希望myFunction2每5秒重复一次,每次切换文本。我尝试使用setTimeout,但似乎运气不太好。也许我用的不对。我只需要点击按钮一次,让文本继续切换,直到我重置表单。提前谢谢

您可以使用
setInterval
定期触发函数,如下所示:

setInterval( 
    function(){ myFunction2(value1, value2, today.getSeconds()); },
    5000
)

您可以在第一次单击按钮时触发它。

您可以使用setInterval每5秒切换一次:

var myVar = setInterval(function () {
    myTimer();
}, 5000);

function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("demo").innerHTML = t;
}

演示

谢谢!将变量设置为setInterval对我来说很有效。它让我以后修改它更容易。很高兴它对你有帮助