随机数,淡出答案

时间:2012-11-04 11:28:02

标签: javascript html animation

真的是JS的新手,而不是任何想象力的开发者!我已经有了代码设置,可以从输入框和下拉列表中为我生成一个随机数。基本上从x开始,从DDL中选择一个最大数字并计算其间的随机数。代码来自CSS Tricks,我已经调整它为我工作并编写了HTML页面。

一切正常,但我想为答案制作动画。它刚出现的那一刻,并不像优雅。我想要的东西就像淡入它一样简单。但是我尝试的所有函数都会导致calc停止工作并且没有数字出现,更不用说动画了。有没有什么机会可以指导我需要动画的代码串?

function IsNumeric(n){
return !isNaN(n);
} 

$(function(){

  $("#getit").click(function() {

      var numLow = $("#lownumber").val();
      var numHigh = $("#highnumber").val();

      var adjustedHigh = (parseFloat(numHigh) - parseFloat(numLow)) + 1;

      var numRand = Math.floor(Math.random()*adjustedHigh) + parseFloat(numLow);

      if ((IsNumeric(numLow)) && (IsNumeric(numHigh)) && (parseFloat(numLow) <= parseFloat(numHigh)) && (numLow != '') && (numHigh != '')) {
        $("#randomnumber").text(numRand);
      } else {
        $("#randomnumber").text("Erm...");
      }

      return false;
  });

  $("input[type=number]").each(function(){
      $(this).data("first-click", true);
  });

  $("input[type=number]").focus(function(){

      if ($(this).data("first-click")) {
        $(this).val("");
        $(this).data("first-click", false);
      }
  });

});

1 个答案:

答案 0 :(得分:0)

来自JS控制台的错误消息:

SyntaxError: illegal character  

$(#randomnumber).fade("slow");
--^

对于选择器,您必须使用字符串:$("#randomnumber").fade("slow");