javascript - 随机数,淡入答案

标签 javascript html animation

真的是 JS 新手,无论如何也不是开发人员!我已经设置了从输入框和下拉列表中为我生成随机数的代码。基本上从 x 开始,从 DDL 中选择一个最大数字并计算其间的随机数。代码来自 CSS Tricks,我对其进行了调整以使其适合我,并编写了 HTML 页面。

一切正常,但我想为答案添加动画效果。目前它只是出现,而且不够优雅。我想要像淡入一样简单的东西。但是我尝试的所有功能都会导致计算停止工作并且没有数字出现,更不用说动画了。有机会指导我在代码串中的哪个位置需要动画吗?

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);
      }
  });

});

最佳答案

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

SyntaxError: illegal character  

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

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

关于javascript - 随机数,淡入答案,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13218121/

相关文章:

javascript - 数据表 - 列 block 排序

html - IE6 和 IE7 上的链接问题

animation - iOS5将CGAffineTransform与animationImages结合起来?

html - 应该流到下一行的文本不会增加父框模型

html - 在 CSS 中创建/对齐列而不使用表格

c++ - 如何在 SFML 中为 Sprite 制作动画

android - 为什么在 Android 中应用 ScaleAnimation 时 drawable 的位置也会发生变化?

javascript - 获取点击位置

javascript - TypeError : this. props.onDelete 不是函数

javascript - HTML Canvas 仅在浏览器调整大小后触发?