定制化瀏覽器主頁,瀏覽器的主頁可以替代屏幕背景,通過全屏瀏覽器即可
為了能夠有一個簡潔,只有純黑色背景(有利於集中注意力),同時可以顯示
時間的背景,又不需要下載第三方軟件,此為不錯的方案。
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/