// Define an array of colors/nvar colors = [/n '#FF0000',/n '#00FF00',/n '#0000FF',/n '#FFFF00',/n '#00FFFF',/n '#FF00FF',/n '#C0C0C0',/n '#808080',/n '#800000',/n '#808000',/n '#008000',/n '#800080',/n '#008080',/n '#000080',/n '#FFFFFF',/n '#000000'/n];/n/n// Function to get a random color from the array/nfunction getRandomColor() {/n var randomIndex = Math.floor(Math.random() * colors.length);/n return colors[randomIndex];/n}/n/n// Function to change the background color of the document/nfunction changeBackgroundColor() {/n var color1 = getRandomColor();/n var color2 = getRandomColor();/n var gradient = 'linear-gradient(to right, ' + color1 + ', ' + color2 + ')';/n document.body.style.background = gradient;/n}/n/n// Call the changeBackgroundColor function every 5 seconds/nsetInterval(changeBackgroundColor, 5000);/n/n// Function to gradually move the colors to the right/nfunction moveColors() {/n var gradient = document.body.style.background;/n var parts = gradient.split(',');/n var newGradient = '';/n for (var i = 0; i < parts.length; i++) {/n var part = parts[i];/n var color = part.match(/#[0-9A-F]{6}/)[0];/n var direction = part.includes('to right') ? 'to left' : 'to right';/n var position = part.match(//d+(?:/./d+)?%$/);/n if (position) {/n var newPosition = parseFloat(position[0]) + 1;/n if (newPosition > 100) {/n newPosition = 0;/n color = getRandomColor();/n }/n part = part.replace(position[0], newPosition + '%');/n } else {/n part += ' 0%';/n }/n part = part.replace(/(to//s(left|right))/, direction);/n part = part.replace(/#[0-9A-F]{6}/, color);/n newGradient += part + (i == parts.length - 1 ? '' : ',');/n }/n document.body.style.background = newGradient;/n}/n/n// Call the moveColors function every 50 milliseconds/nsetInterval(moveColors, 50);

JavaScript 代码:让背景颜色缓慢向右移动并改变颜色

原文地址: https://www.cveoy.top/t/topic/nqTM 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录