Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用于旋转注释的Javascript代码。不知道怎么问_Javascript_Jquery_Html - Fatal编程技术网

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

用于旋转注释的Javascript代码。不知道怎么问,javascript,jquery,html,Javascript,Jquery,Html,一段时间以来,我一直在尝试做一些类似于这个投资组合的标题的事情。通过单击箭头,可以在同一行上获得不同的备注。它也不会刷新任何整洁的东西。我只是不知道该如何表达这个问题。我终于找到了这个例子。有人能帮我处理JS或jQuery代码吗?很抱歉,如果在我尝试用这么多不同的方式表达之前,这个问题已经得到了回答,但似乎找不到答案 轻松模式! 设置一些html <p> I'm a <span id="remark">Panda</span> bear. &l

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

轻松模式! 设置一些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>

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

隐藏在链接后面的代码不是正确的提问方式。请在您的问题中发布该代码的相关部分。您应该首先尝试自己复制它,如果您对所编写的代码有特定问题,请在此处发布问题。请查看上述网站上的scripts.js文件。显然,这不是我的网站。第二,我确实看过JS代码,但由于我对JS和jQuery还是相当陌生,所以我无法挑出专门用于更新文本的部分和用于微调器动画的部分。我认为他实际上是旋转箭头的忠实粉丝,不仅仅是文本的更新,但我可能错了;-)在那里,我添加了愚蠢的微调器。实际上,我更喜欢更新文本,而不是微调器动画。但两个看起来都很棒谢谢!我在挑选他的script.js中用于文本更新和spinner动画的部分时遇到了困难,因为我对js和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();
    });
});