单击按钮时对文本区域进行动画处理

Question

我对javascript比较陌生，并且确实在遇到问题。 我在弹出窗口中有一个textarea（使用JQM），单击按钮时会更新文本。 从数组中随机选择其更新的文本。 我想做的是在更新文本区域或文本本身时添加一些动画，因为有时随机选择的文本与其中的内容相同，并且看起来好像什么也没有发生……我希望这是有道理的。 我拥有的javascript代码（除了动画外）是：希望有人可以帮助我…谢谢

函数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/

您也可以查看此JSFiddle示例