我试图让边框颜色在每次按钮单击时更改为数组中的随机颜色,但它只从数组中选择一次随机颜色作为边框颜色,并且不会更改为每个按钮上的随机颜色点击。
$(document).ready(function () {
'use strict';
var nextBtnClicks = 0,
previousBtnClicks = 0,
colors = ['#ff0000', '#00ff00', '#0000ff'],
random_color = colors[Math.floor(Math.random() * colors.length)];
$('#NxtBtn').click(function () {
if (nextBtnClicks < 8) {
$('#image').animate({left: '-=640px'}, 500, function () {
$('#pic_box').css('border-color', random_color);
});
nextBtnClicks += 1;
} else {
$('#image').animate({left: '0px'}, 500);
nextBtnClicks = 0;
}
});
});