当前位置：首页 > news >正文

HTML 显示器纯色亮点检测工具

news 2025/7/4 22:37:58

HTML 显示器纯色亮点检测工具

相关资源文件已经打包成html等文件，可双击直接运行程序，且文章末尾已附上相关源码，以供大家学习交流，博主主页还有更多Html相关程序案例，秉着开源精神的想法，望大家喜欢，点个关注不迷路！！！

1. 简介：

纯色循环显示HTML，家里经常买显示器，需要测试亮点坏点
这个是用浏览器技术做的纯色亮点测试网页工具。
用浏览器打开后按F11进全屏，一直换显示器。

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

闪烁时间更改：

window.setInterval(swichcolor, 1000);

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

2. 运行效果：

请添加图片描述

3. 相关源码：

<!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")[0].style.backgroundColor = '#000000';color = 1;console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:黑色`);break;case 1:document.getElementsByTagName("body")[0].style.backgroundColor = '#FF0000';color = 2;console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:红色`);break;case 2:document.getElementsByTagName("body")[0].style.backgroundColor = '#00FF00';color = 3;console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:绿色`);break;case 3:document.getElementsByTagName("body")[0].style.backgroundColor = '#0000FF';color = 4;console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:蓝色`);break;case 4:document.getElementsByTagName("body")[0].style.backgroundColor = '#FFFF00';color = 5;console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:黄色`);break;case 5:document.getElementsByTagName("body")[0].style.backgroundColor = '#00FFFF';color = 6;console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:青色`);break;case 6:document.getElementsByTagName("body")[0].style.backgroundColor = '#FF00FF';color = 7;console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:紫红色`);break;case 7:document.getElementsByTagName("body")[0].style.backgroundColor = '#C0C0C0';color = 8;console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:灰色`);break;case 8:document.getElementsByTagName("body")[0].style.backgroundColor = '#FFFFFF';color = 0;console.log(`当前时间${formatDate()},脚本已经执行了${ci}次,当前:白色`);break;default:break;}ci += 1;}window.setInterval(swichcolor, 1000);</script>
</body>
</html>