我真的是 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);
}
});
});