闲置kindle改为电子墨水屏时钟——本地静态页面无需联网
在kindle浏览器输入：file:///mnt/us/clock.html即可打开网页（无需联网！网上搜索了闲置kindle改为电子时钟，看到都是需要用到kindle的浏览器打开在线的网页。飞行后，点击到其他地方，返回后页面将显示异常。如果放到目录下， 地址改为file:///mnt/us/目录/clock.html。通过usb把静态时钟页面clock.html 文件拷贝到kindle （根目录
·
闲置kindle改为电子时钟
网上搜索了闲置kindle改为电子时钟，看到都是需要用到kindle的浏览器打开在线的网页。
在线页面缺点1：
为了省电，kindle需要设置为飞行模式。飞行后，点击到其他地方，返回后页面将显示异常。
在线页面缺点2：
没法根据自己需要diy页面。
设置为本地静态页面
步骤1
通过usb把静态时钟页面clock.html 文件拷贝到kindle （根目录下）。
步骤2
在kindle浏览器输入：file:///mnt/us/clock.html 即可打开网页（无需联网！）。
如果放到目录下， 地址改为 file:///mnt/us/目录/clock.html
步骤3
关闭kindle的锁屏功能，请在kindle搜索栏（放大镜的地方）输入 ~ds
步骤4
把亮度调整到最低、 启用飞行模式。 （或者连接充电线，则无需考虑电量问题）
附上clock.html
可根据自己需要显示的内容调整html内容。
我自己加了农历显示，但好像比较耗电了…
下面是 clock.html 。
// clock.html
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title> </title>
<style>
body {
color: #000000;
background-color: #ffffff;
}
.page {
position: fixed;
width: 100%;
height: 100%;
}
.time_container,
.date_container {
width: 100%;
margin: auto;
text-align: center;
}
.time_container {
top: 0;
height: 52%;
}
.date_container {
}
.time {
padding-top: 50px;
font-size: 14rem;
}
.date {
padding-top: 0px;
font-size: 6rem;
}
.datecal {
padding-top: 0px;
font-size: 5rem;
}
.wss_r90 {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
</style>
</head>
<body>
<div class="page wss_r90">
<div class="time_container">
<div class="time" id="time">22:26</div>
</div>
<div class="date_container">
<div class="date" id="date">9月5日</div>
<div class="datecal" id="cal">8月5日 一</div>
</div>
</div>
<script>
// 文件放到 kindle的根目录(usb接入后的盘符根目录下) 在kindle浏览器输入：file:///mnt/us/clock.html 就可以访问本地的静态html文件了
// 如果在目录下， file:///mnt/us/目录/clock.html
function update() {
var date = new Date()
var utc8DiffMinutes = date.getTimezoneOffset() + 480
date.setMinutes(date.getMinutes() + utc8DiffMinutes)
var timeString = ('0' + date.getHours()).slice(-2) + ':' + ('0' + date.getMinutes()).slice(-2);
var dateString = (date.getMonth() + 1) + '月' + date.getDate() + '日'
var weekList = ['日', '一', '二', '三', '四', '五', '六']
//var weekString = '星期' + weekList[date.getDay()]
var weekString = weekList[date.getDay()]
var yy=date.getFullYear();
var mm=date.getMonth()+1;
var dd=date.getDate();
if (yy<100) yy="19"+yy;
//var calString = GetLunarDay(yy,mm,dd);
//console.log(calString);
document.getElementById("time").innerHTML = timeString;
document.getElementById("date").innerHTML = dateString + ' ' + weekString;
//document.getElementById("week").innerHTML = weekString;
//document.getElementById("cal").innerHTML = calString;
getLunar();
}
</script>
<script>
/**获取农历 start*/
function getLunar(){
var nyear;
var nmonth;
var nday = -1;
var nwday;
var nhrs;
var nmin;
var nsec;
var lmonth, lday, lleap; //农历参数
function Draw() {
NewTick();
//显示时间
var s = nyear + '年' + nmonth + '月' + nday + '日 ' + '星期' + cweekday(nwday) + ' ' + shapetime(nhrs, nmin, nsec);
s += " 农历" + lmonth + "月" + lday; //农历
var lunar_month_day=lmonth + "月" + lday;
//需要展示在页面地方
//$(".xxxx").text(lunar_month_day);
console.log(lunar_month_day);
document.getElementById("cal").innerHTML = lunar_month_day;
}
function NewTick() {
noww = new Date();
if (noww.getDate() != nday) {
nyear = noww.getFullYear();
nmonth = noww.getMonth() + 1;
nwday = noww.getDay();
nday = noww.getDate();
getlunar(); //获取农历
}
nhrs = noww.getHours();
nmin = noww.getMinutes();
nsec = noww.getSeconds();
}
//辅助函数
var hzWeek = new Array("日", "一", "二", "三", "四", "五", "六", "日");
function cweekday(wday) {
return hzWeek[wday];
}
function shapetime(vhrs, vmin, vsec) {
if (vsec <= 9) vsec = "0" + vsec;
if (vmin <= 9) vmin = "0" + vmin;
if (vhrs <= 9) vhrs = "0" + vhrs;
return vhrs + ":" + vmin + ":" + vsec
}
//农历函数开始
var lunarInfo = new Array(0x04bd8, 0x04ae0, 0x0a570, 0x054d5, 0x0d260, 0x0d950, 0x16554, 0x056a0, 0x09ad0, 0x055d2, 0x04ae0, 0x0a5b6, 0x0a4d0, 0x0d250, 0x1d255, 0x0b540, 0x0d6a0, 0x0ada2, 0x095b0, 0x14977, 0x04970, 0x0a4b0, 0x0b4b5, 0x06a50, 0x06d40, 0x1ab54, 0x02b60, 0x09570, 0x052f2, 0x04970, 0x06566, 0x0d4a0, 0x0ea50, 0x06e95, 0x05ad0, 0x02b60, 0x186e3, 0x092e0, 0x1c8d7, 0x0c950, 0x0d4a0, 0x1d8a6, 0x0b550, 0x056a0, 0x1a5b4, 0x025d0, 0x092d0, 0x0d2b2, 0x0a950, 0x0b557, 0x06ca0, 0x0b550, 0x15355, 0x04da0, 0x0a5b0, 0x14573, 0x052b0, 0x0a9a8, 0x0e950, 0x06aa0, 0x0aea6, 0x0ab50, 0x04b60, 0x0aae4, 0x0a570, 0x05260, 0x0f263, 0x0d950, 0x05b57, 0x056a0, 0x096d0, 0x04dd5, 0x04ad0, 0x0a4d0, 0x0d4d4, 0x0d250, 0x0d558, 0x0b540, 0x0b6a0, 0x195a6, 0x095b0, 0x049b0, 0x0a974, 0x0a4b0, 0x0b27a, 0x06a50, 0x06d40, 0x0af46, 0x0ab60, 0x09570, 0x04af5, 0x04970, 0x064b0, 0x074a3, 0x0ea50, 0x06b58, 0x05ac0, 0x0ab60, 0x096d5, 0x092e0, //1990
0x0c960, 0x0d954, 0x0d4a0, 0x0da50, 0x07552, 0x056a0, 0x0abb7, 0x025d0, 0x092d0, 0x0cab5, 0x0a950, 0x0b4a0, 0x0baa4, 0x0ad50, 0x055d9, 0x04ba0, 0x0a5b0, 0x15176, 0x052b0, 0x0a930, 0x07954, 0x06aa0, 0x0ad50, 0x05b52, 0x04b60, 0x0a6e6, 0x0a4e0, 0x0d260, 0x0ea65, 0x0d530, 0x05aa0, 0x076a3, 0x096d0, 0x04bd7, 0x04ad0, 0x0a4d0, 0x1d0b6, 0x0d250, 0x0d520, 0x0dd45, 0x0b5a0, 0x056d0, 0x055b2, 0x049b0, 0x0a577, 0x0a4b0, 0x0aa50, 0x1b255, 0x06d20, 0x0ada0, 0x14b63);
function lYearDays(y) {
var i, sum = 348;
for (i = 0x8000; i > 0x8; i >>= 1) sum += (lunarInfo[y - 1900] & i) ? 1 : 0;
return (sum + leapDays(y));
}
function leapDays(y) {
if (leapMonth(y)) return ((lunarInfo[y - 1900] & 0x10000) ? 30 : 29);
else return (0);
}
function leapMonth(y) {
return (lunarInfo[y - 1900] & 0xf);
}
function monthDays(y, m) {
return ((lunarInfo[y - 1900] & (0x10000 >> m)) ? 30 : 29);
}
function Lunar(y, m, d) {
var i, leap = 0,
temp = 0;
var offset = (Date.UTC(y, m, d) - Date.UTC(1900, 0, 31)) / 86400000;
for (i = 1900; i < 2050 && offset > 0; i++) {
temp = lYearDays(i);
offset -= temp;
}
if (offset < 0) {
offset += temp;
i--;
}
this.year = i;
leap = leapMonth(i);
this.isLeap = false;
for (i = 1; i < 13 && offset > 0; i++) {
if (leap > 0 && i == (leap + 1) && this.isLeap == false) {--i;
this.isLeap = true;
temp = leapDays(this.year);
} else {
temp = monthDays(this.year, i);
}
if (this.isLeap == true && i == (leap + 1)) this.isLeap = false;
offset -= temp;
}
if (offset == 0 && leap > 0 && i == leap + 1) if (this.isLeap) {
this.isLeap = false;
} else {
this.isLeap = true; --i;
}
if (offset < 0) {
offset += temp; --i;
}
this.month = i;
this.day = offset + 1;
}
var nStr1 = new Array('', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二');
var nStr2 = new Array('初', '十', '廿', '卅', '□');
function GetcDay(d) {
var s;
switch (d) {
case 10:
s = '初十';
break;
case 20:
s = '二十';
break;
case 30:
s = '三十';
break;
default:
s = nStr2[Math.floor(d / 10)];
s += nStr1[d % 10];
break;
}
return (s);
}
function GetcMon(m) {
if (m == 1) return '正';
else return nStr1[m];
}
function getlunar() {
var lObj = new Lunar(nyear, nmonth - 1, nday);
lmonth = GetcMon(lObj.month);
lday = GetcDay(lObj.day);
lleap = lObj.isLeap;
if (lleap == 1) {
lmonth = "闰" + lmonth;
}
}
//农历函数结束
Draw();
}
/**获取农历 end*/
update();
setInterval("update()", 60 * 1000);
</script>
</body></html>
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
9
0- 0
已为社区贡献1条内容
所有评论(0)