javascript - 用于旋转备注的 Javascript 代码。不知道怎么问

Question

示例在标题中

一段时间以来，我一直在尝试做这个投资组合的标题。您可以通过单击箭头在同一行上获得不同的备注。它也不会刷新任何整洁的东西。我只是不知道如何表达这个问题。我终于找到了这个例子。任何人都可以帮助我处理 JS 或 jQuery 代码吗？抱歉，如果在我尝试用这么多不同的方式表达它但似乎找不到答案之前已经回答了这个问题。

Answer 1

轻松模式！这是关于 jsfiddle 的工作演示

设置一些html

<p>
    I'm a <span id="remark">Panda</span> bear.
    <button id="nextRemark">refresh</button>
    <img src="http://i.imgur.com/cFadsAE.gif" id="spinner"/>
<p>

编写一些 JavaScript（使用 jQuery）

$(function(){
    var remarks = ["Koala", "Kangaroo", "Circus", "Grizzly"],
        spinner = $("#spinner"),
        delay   = 1000;

    $("#nextRemark").click(function(event) {

        var button = $(this);

        // display spinner, hide button
        spinner.show();
        button.hide();

        setTimeout(function() {
            var r;

            // display remark
            if (r = remarks.pop()) {
                $("#remark").text(r);
            }

            // no more remarks
            else {
                $("#remark").text("dead");
                button.remove();
            }

            // hide spinner, show button
            spinner.hide();
            button.show();

        }, delay);

        event.preventDefault();
    });
});

它没有花哨的动画或多余的延迟，但这就是它的要点。