Question

我对javascript相对较新，我真的在努力解决问题。我在弹出窗口中有一个textarea（使用JQM），当单击一个按钮时会更新文本。它更新的文本是从数组中随机选择的。我想要做的是在更新时为textarea或文本本身添加一些动画，因为有时随机选择的文本与那里的内容相同，看起来好像什么也没发生过...... 我希望这是有道理的。我拥有的javascript代码（与动画不同）是：希望可以有人帮帮我… 感谢

function playName（）{

var player = [];
var x = document.getElementById("playerName");

player.push(document.getElementById("player1").value);
player.push(document.getElementById("player2").value);

var i = document.forms["playerForm"]["player1"].value;
var ii = document.forms["playerForm"]["player2"].value;
    if (i == null || i == "") {
    alert("Please enter a name for player 1");
    return false;

    } else {

        if(ii == null || ii == ""){
        alert("Please enter a name for player 2");
        return false;

        } else {

            var randomName = player[Math.floor(Math.random()*player.length)]            
            document.getElementById("playerName").innerHTML = randomName;

        }

    }

}

Answer 1

您可以使用click事件和animate来执行此操作，例如：

$("#yourButton").click(function(){
    $("textarea").fadeOut().fadeIn(2000);
});

在jQuery API文档中查看有关此内容的更多信息： http://api.jquery.com/animate/

您还可以check this JSFiddle for an example

单击按钮时为textarea设置动画

1 个答案: