eknkc/colortest.html

## colortest.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Color Test</title>
  </head>
  <script>
    var listener = function () {};

    let running = true;

    function tick() {
      let [r, g, b] = [
        (Math.random() * 255) | 0,
        (Math.random() * 255) | 0,
        (Math.random() * 255) | 0
      ];

      let hexColor = `#${hex(r)}${hex(g)}${hex(b)}`;

      document.body.style.background = `#${hex(r)}${hex(g)}${hex(b)}`;
      listener(hexColor);
    }

    function hex(c) {
      return c.toString(16).padStart(2, "0");
    }

    setInterval(function () {
      if (running) {
        tick();
      }
    }, 500);

    window.listenColorChange = function (fn) {
      listener = fn;
    };

    window.toggleRun = function () {
      running = !running;
    };
  </script>
  <body></body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Color Test</title>
	</head>
	<script>
	var listener = function () {};

	let running = true;

	function tick() {
	let [r, g, b] = [
	(Math.random() * 255) \| 0,
	(Math.random() * 255) \| 0,
	(Math.random() * 255) \| 0
	];

	let hexColor = `#${hex(r)}${hex(g)}${hex(b)}`;

	document.body.style.background = `#${hex(r)}${hex(g)}${hex(b)}`;
	listener(hexColor);
	}

	function hex(c) {
	return c.toString(16).padStart(2, "0");
	}

	setInterval(function () {
	if (running) {
	tick();
	}
	}, 500);

	window.listenColorChange = function (fn) {
	listener = fn;
	};

	window.toggleRun = function () {
	running = !running;
	};
	</script>
	<body></body>
	</html>