单击时反复切换文本的功能

时间:2014-03-04 05:15:35

标签: javascript function text toggle

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

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但我似乎没有太多运气。也许我没有正确使用它。我只想单击按钮一次,让文本继续切换,直到我重置表单。提前谢谢!

2 个答案:

答案 0 :(得分:2)

您可以使用setInterval定期触发某个功能,如下所示:

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

第一次点击按钮时可以触发它。

答案 1 :(得分:0)

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

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

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

DEMO http://jsfiddle.net/skhan/nz6Jf/