仿linux系统九宫格屏保程序:js网页版

简介: 警告:以下代码由季雨林本人探索写出,经过IE,FireFox,Chrome测试 发现Chrome(以及360的极速浏览器)浏览器对于javascript的支持明显胜于其他浏览器,请勿在电脑上长时间开启该页面,即使是js引擎强大的Chrome也会在运行半小时之后占用满内存,而其他浏览器甚至不能流畅运行,该页面制作初衷是为了仿造一种屏幕保护效果(雨林木风Linux系统:九宫格屏保),

警告:以下代码由季雨林本人探索写出,经过IE,FireFox,Chrome测试

发现Chrome(以及360的极速浏览器)浏览器对于javascript的支持明显胜于其他浏览器,请勿在电脑上长时间开启该页面,即使是js引擎强大的Chrome也会在运行半小时之后占用满内存,而其他浏览器甚至不能流畅运行,该页面制作初衷是为了仿造一种屏幕保护效果(雨林木风Linux系统:九宫格屏保),页面刚启动时的CPU占用达到顶峰时开始正常速度运行(200ms切换颜色)

代码如下(新建文本文件写入以下代码,然后把该文件的后缀名改成“.html”即可):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Div仿屏幕保护效果 季雨林</title>
<script type="text/javascript" src="divControl.js"></script>
<script type="text/javascript">
 var colors =new Array();
  colors[0] = "#222";
  colors[1] = "#333";
  colors[2] = "#444";
  colors[3] = "#555";
  colors[4] = "#666";
  colors[5] = "#777";
  colors[6] = "#888";
  colors[7] = "#999";
  colors[8] = "#aaa";
  colors[9] = "#bbb";
 function setTimePoint(){  
  var indexArray = Math.floor((Math.random()*10));
  var indexArray2 = Math.floor((Math.random()*10));
  var idName = "id"+indexArray;
  document.getElementById(idName).style.backgroundColor = colors[indexArray2];
  //setTimeout(setTimePoint,100);
  setInterval(setTimePoint,300);
 }
</script>
<style type="text/css">
 body{
  text-align:center;
  background-color:#9CF;
 }
</style>
</head>
<body onload="setTimePoint();">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
 <tr height="200px">
    <td id="id1">&nbsp;</td>
    <td id="id2">&nbsp;</td>
    <td id="id3">&nbsp;</td>
  </tr>
  <tr height="200px">
    <td id="id4">&nbsp;</td>
    <td id="id5">&nbsp;</td>
    <td id="id6">&nbsp;</td>
  </tr>
  <tr height="200px">
    <td id="id7">&nbsp;</td>
    <td id="id8">&nbsp;</td>
    <td id="id9">&nbsp;</td>
  </tr>  
</table>
</body>
</html>

目录
相关文章
|
6天前
|
资源调度 JavaScript 搜索推荐
Linux系统之部署envlinks极简个人导航页
【4月更文挑战第11天】Linux系统之部署envlinks极简个人导航页
39 2
|
9天前
|
缓存 Linux 测试技术
安装【银河麒麟V10】linux系统--并挂载镜像
安装【银河麒麟V10】linux系统--并挂载镜像
58 0
|
9天前
|
监控 Unix Linux
Linux操作系统调优相关工具(四)查看Network运行状态 和系统整体运行状态
Linux操作系统调优相关工具(四)查看Network运行状态 和系统整体运行状态
26 0
|
16天前
|
存储 前端开发 Linux
Linux系统之部署ToDoList任务管理工具
【4月更文挑战第1天】Linux系统之部署ToDoList任务管理工具
61 1
|
17天前
|
存储 传感器 运维
linux系统资源统计工具
【4月更文挑战第1天】Linux系统监控工具如dstat、htop、glances、vmstat、top、iostat、mpstat、sar和atop,用于跟踪CPU、内存、磁盘I/O、网络和进程性能。这些工具提供实时、交互式和历史数据分析,助力管理员优化系统性能和故障排查。例如,dstat是vmstat等工具的增强版,htop提供彩色界面的进程管理,而atop则结合了多种功能并记录历史数据。
27 5
linux系统资源统计工具
|
7天前
|
存储 算法 Linux
【实战项目】网络编程:在Linux环境下基于opencv和socket的人脸识别系统--C++实现
【实战项目】网络编程:在Linux环境下基于opencv和socket的人脸识别系统--C++实现
20 6
|
17天前
|
Ubuntu 架构师 Java
Linux系统常用命令非常详细建议收藏
Linux系统常用命令非常详细建议收藏
48 0
|
2天前
|
运维 网络协议 Unix
18.系统知识-Linux常用命令
18.系统知识-Linux常用命令
|
3天前
|
开发框架 前端开发 JavaScript
采用C#.Net +JavaScript 开发的云LIS系统源码 二级医院应用案例有演示
技术架构:Asp.NET CORE 3.1 MVC + SQLserver + Redis等 开发语言:C# 6.0、JavaScript 前端框架:JQuery、EasyUI、Bootstrap 后端框架:MVC、SQLSugar等 数 据 库:SQLserver 2012
|
11天前
|
Prometheus 监控 Cloud Native
【Linux】查看系统内存命令(详细讲解)
【Linux】查看系统内存命令(详细讲解)