HTML+CSS+JS写的显示器纯色亮点测试工具。

Royedia 发表于 2020-11-17 17:30

本帖最后由 Royedia 于 2020-11-17 17:54 编辑

# 纯色循环显示HTML
用浏览器技术做的纯色亮点测试小工具，或者说是网页。
自己也卖电脑，经常发货显示器，需要测试亮点坏点
自己写了一个网页放在内网路由器上，
用浏览器打开后按F11进全屏，一直换显示器。

### 使用方式
拖进浏览器，按下F11进入全屏，退出也是F11。

### 代码如下

```
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>显示器测试-每秒自动切换颜色</title>
</head>

<body style="height: 100%;width: 100%;"
onLoad="javascript:window.resizeTo(screen.availWidth,screen.availHeight);window.moveTo(0,0)">

<script>
   function formatDate(date) {
         var date = new Date(Date.now());
         var YY = date.getFullYear() + '-';
         var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
         var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());
         var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
         var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
         var ss = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
         return YY + MM + DD + " " + hh + mm + ss;
   }

   var color = 0;
   var ci = 0;

   function swichcolor() {
         switch (color) {
            case 0:
               document.getElementsByTagName("body").style.backgroundColor = '#000000';
               color = 1;
               console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:黑色`);
               break;
            case 1:
               document.getElementsByTagName("body").style.backgroundColor = '#FF0000';
               color = 2;
               console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:红色`);
               break;
            case 2:
               document.getElementsByTagName("body").style.backgroundColor = '#00FF00';
               color = 3;
               console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:绿色`);
               break;
            case 3:
               document.getElementsByTagName("body").style.backgroundColor = '#0000FF';
               color = 4;
               console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:蓝色`);
               break;
            case 4:
               document.getElementsByTagName("body").style.backgroundColor = '#FFFF00';
               color = 5;
               console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:黄色`);
               break;
            case 5:
               document.getElementsByTagName("body").style.backgroundColor = '#00FFFF';
               color = 6;
               console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:青色`);
               break;
            case 6:
               document.getElementsByTagName("body").style.backgroundColor = '#FF00FF';
               color = 7;
               console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:紫红色`);
               break;
            case 7:
               document.getElementsByTagName("body").style.backgroundColor = '#C0C0C0';
               color = 8;
               console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:灰色`);
               break;
            case 8:
               document.getElementsByTagName("body").style.backgroundColor = '#FFFFFF';
               color = 0;
               console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:白色`);
               break;
            default:
               break;
         }
         ci += 1;
   }

   window.setInterval(swichcolor, 1000);
</script>
</body>
</html>
```
手动通道
打开记事本，复制上面代码粘贴进记事本，另存为xx.html

土豪通道

打工人通道
链接：https://pan.baidu.com/s/1NKdyJ9i00biI7mQumJX91A
提取码：52pj
复制这段内容后打开百度网盘手机App，操作更方便哦--来自百度网盘超级会员V6的分享

别忘记给个免费的评分呀(看我注册时间)
{:1_923:}

Royedia 发表于 2021-1-9 19:43

Hulufish 发表于 2021-1-4 14:22
在哪改时间啊，或者改为按键切换

window.setInterval(swichcolor, 1000);

最后里两行 , 这里是毫秒. 1秒=1000毫秒
改好刷新就可以用了.

Royedia 发表于 2020-11-17 22:49

心病发表于 2020-11-17 18:02
建议把dom操作抽出来复用，可以少些很多重复性代码

{:301_998:} 好建议！已采纳！，当时因为本来就是一行代码，就懒得封装了！

偶尔平凡 发表于 2020-11-17 17:41

洋丶小洋丶 发表于 2020-11-17 17:46

不错呢，支持一下。

mokson 发表于 2020-11-17 17:48

心病发表于 2020-11-17 18:02

建议把dom操作抽出来复用，可以少些很多重复性代码{:301_998:}

zdfzdf 发表于 2020-11-17 19:20

谢谢分享正好需要

wikiyc 发表于 2020-11-17 19:21

很好用，就是切换速度快了点，我修改成3秒一次。

Miczz 发表于 2020-11-18 07:51

这个代码不错，收藏学习了。

ahpoon 发表于 2020-11-18 08:14

谢谢分享！

页: [1] 2

吾爱破解 - 52pojie.cn's Archiver

HTML+CSS+JS写的显示器纯色亮点测试工具。