Jvascript background-color-changer
페이지 정보
작성자 최고관리자 작성일 24-03-27 00:29 조회 1,455 댓글 0본문
$(function () {
//let rgb = [0,26,73];
let rgb = [[0, 1], [parseInt(Math.random(0, 1) * 220), 1], [parseInt(Math.random(0, 1) * 234), 1]];
let now, delta;
let then = Date.now();
let $body = $('body')
let fps = 60;
let interval = 9000 / fps;
console.log(rgb);
const frame = () => {
requestAnimationFrame(frame);
now = Date.now();
delta = now - then;
if (delta < interval) return;
let R = rgb[0][0]
let G = rgb[1][0] += rgb[1][1]
let B = rgb[2][0] += rgb[2][1]
if (rgb[1][0] > 200) rgb[1][1] *= -1
else if (rgb[1][0] < 10) rgb[1][1] *= -1
if (rgb[2][0] > 200) rgb[2][1] *= -1
else if (rgb[2][0] < 40) rgb[2][1] *= -1
$body.css('background-color', `rgb(${R},${G},${B})`)
then = now - (delta % interval);
};
requestAnimationFrame(frame);
})
댓글목록 0
등록된 댓글이 없습니다.