Рандомный выбор цвета
Здравствуйте, помогите плиз.
нужно чтоб цвета выводились рандомно <html> <head> <meta charset="utf-8"> </head> <style>#slider{width: 100%; height: 100%;}</style> <body> <div id="slider"></div> <script> var vremya=prompt("Какую задать скорость 1000=1секунда",1000) window.onload = function () { var obj = { colors: [], position: 0, get color() { if (this.position == this.colors.length) this.position = 0; return this.colors[this.position ++]; }, set color(arg) { this.colors = arg; } }; obj.color = ['red', 'green', 'blue', 'yellow', 'black']; setInterval(function () { document.getElementById('slider').style.backgroundColor = obj.color; }, vremya); }; </script> </body> </html> |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> var color = ['red', 'green', 'blue', 'yellow', 'black']; (bgc =()=> { document.body.style.backgroundColor= color[Math.floor(Math.random()*color.length)]; setTimeout(bgc, 1000); })(); </script> </body> </html> |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> var color = ['red', 'green', 'blue', 'yellow', 'black'], x; (bgc =()=> { do rnd = Math.floor(Math.random()*color.length); while(rnd == x); x = rnd; document.body.style.backgroundColor = color[rnd]; setTimeout(bgc, 2000); })(); </script> </body> </html> если нужно без повторов |
Спасибо!!!
|
Romfo,
строки 24 - 25 заменить на this.position = Math.random() * this.colors.length|0; return this.colors[this.position]; |
спасибо!
|
Часовой пояс GMT +3, время: 05:53. |