使用jQuery的按钮计时

时间:2013-01-28 11:11:35

标签: jquery asp.net-mvc-3

我必须根据按钮点击显示数据。只需使用jquery即可完成。现在的问题是我想自动化这些按钮..当页面加载时,然后根据第一个按钮显示数据(如同第一个按钮)单击按钮),然后在2秒后根据第二个按钮显示数据(就像单击第二个按钮一样),然后再按照第三个按钮显示2秒数据(就像点击第一个按钮一样)。

$(document).ready(function () {

    $(".headerClass").text("Top Line Stats !!")
    $(".InformationItem").hide();
     $(".informationContainer div[data-id=1]").show();



 //   window.setInterval(function () { DisplaySuccessiveData() }, 10000)
});

$(".listItem").click(function () {
    var index = $(this).attr("data-id");
    $(".InformationItem").hide();
    $(".informationContainer div[data-id=" + index + "]").fadeIn(1000);
});

如何进行?我是初学者,对编码不太了解。 我无法正确应用Setinterval和settimeout函数。 PLZ指导我 在此先感谢

1 个答案:

答案 0 :(得分:0)

你可以使用..

window.setInterval(yourfunction, 10000);

function yourfunction() { alert('test'); }

将在经过一段时间后调用您的函数