定制化浏览器主页,浏览器的主页可以替代屏幕背景,通过全屏浏览器即可
为了能够有一个简洁,只有纯黑色背景(有利于集中注意力),同时可以显示
时间的背景,又不需要下载第三方软件,此为不错的方案。
1 编程
页面文件完成如下:
home.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>主页</title>
<link href="home.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<div id="text">
</div>
</body>
<script type="text/javascript" src="home.js"></script>
</html>home.css
html{
width: 100%;
height: 100%;
margin: 0;
}
body{
background: #000;
}
#text{
/*设置容器外界位置:居中*/
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*设置容器内部文本:颜色和大小*/
color: #080808;
font-size: 150pt;
}home.js
function update_time(){
// 获取时间
let now=new Date();
now.getHours();
now.getMinutes();
//显示时间
document.getElementById("text").innerHTML=now.getHours()+" "+now.getMinutes();
}
update_time();
setInterval(update_time,1000*60);2 部署
3 使用方式
- 使用crome浏览器
- 设置浏览器主页
- 主页打开按钮
- 按F11键进入全屏,即可作为屏幕壁纸,调用浏览器使用Ctrl+N
- 远看屏幕全黑,如同电脑关机状态,近看可随时查阅时间
- 主页网址:http://192.144.128.106/