javascript - javascript和jquery flash动画
问题描述
var buttonColor = ["red", "blue", "green", "yellow"];
var gamepattern = [];
function nextSequence() {
var randomNumber = Math.floor(Math.random() * 4);
var randomChosenColor = buttonColor[randomNumber];
gamepattern.push(randomChosenColor);
$("#" + randomChosenColor).fadeIn(100).fadeOut(100).fadeIn(100);
}
div {
height: 50px;
width: 50px;
display: inline-block
}
#blue {
background: blue
}
#red {
background: red
}
#green {
background: green
}
#yellow {
background: yellow
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="red"></div>
<div id="blue"></div><br/>
<div id="green"></div>
<div id="yellow"></div><br/>
<button onclick="nextSequence()">click</button>
此代码无法运行,但在 Mac 上而不是在我的 Windows 10 上运行
解决方案
推荐阅读
- laravel - Laravel Backpack 管理员登录 419 页面已过期
- javascript - 如何解决 JEST 错误重复键值违反唯一约束“users_pkey”
- r - RShiny Code 在运行时会执行多次
- node.js - 用于监控电子应用的工具
- python - 将 XML 文件数据附加到 CSV 文件中
- node.js - 并非所有嵌套数组值都显示 MongoDB
- php - 当我尝试在 laravel 中迁移我的表时,我不断收到以下错误
- symfony - symfony 将 LoggerInterface 添加到已经启动的项目中
- visual-studio - 使用摘要身份验证问题在 Visual Studio 中使用 Dynamics NAV Web 服务
- json - Haskell & JSON - 处理 null