本帖最后由 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")[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>
手动通道
打开记事本，复制上面代码粘贴进记事本，另存为xx.html
土豪通道
显示器测试-循环颜色-F11.zip
(1.07 KB, 下载次数: 61)
打工人通道
链接：https://pan.baidu.com/s/1NKdyJ9i00biI7mQumJX91A
提取码：52pj
复制这段内容后打开百度网盘手机App，操作更方便哦--来自百度网盘超级会员V6的分享
别忘记给个免费的评分呀(看我注册时间)
{:1_923:} | 
[复制链接]
发表于 2020-11-17 17:30
|
发表于 2021-1-9 19:43
好建议！已采纳！，当时因为本来就是一行代码， 就懒得封装了！
