首页 > 解决方案 > 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 上运行

标签: javascriptjquery

解决方案


推荐阅读