使用JavaScript测试鼠标滚动速度

scroll speed test, 鼠标滚动速度挑战，看看你能不能超过5000！

js, mouse

《three.js使用多个渐变torus模拟光环光晕》申请公开！

第三方库
作品简介 2844
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

var rainbow = new Rainbow();
var best = 0;
rainbow.setSpectrum("#2ecc71", "#ff9a42", "#e74c3c");
rainbow.setNumberRange(0, 25000);
window.addEventListener('wheel', mouseWheelEvent);
var lastSecond = [];

function fontSize(pps) {
    return 32 + 20 * pps / 25000;
}

function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

function makeGradient(pps) {
    var color1 = rainbow.colourAt(pps);
    var color2 = rainbow.colourAt(pps + 5000);
    return "radial-gradient(40% 40% at center, #" + color2 + ", #" + color1 + ")";
}

编译

CSS

HTML

scroll speed test, 鼠标滚动速度挑战，看看你能不能超过5000！

js, mouse

编辑器支持Emmet

快捷键

scroll speed test, 鼠标滚动速度挑战，看看你能不能超过5000！

js, mouse

JavaScript 一个在最小值和最大值的范围中取任意3个值的有趣动画

简单Verlet算法JavaScript物理引擎

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：