Kindle不在是盖泡面的，本地html时钟也不错！

csx · 发表于 2024-4-7 00:24

重要的先说：飞行模式状态下天气不能使用，其他正常。如果想使用天气功能必须联网获取和风天气数据，建议插电使用。有几个地方需要自己修改，注意看代码。
kindle除了盖泡面，还可以做一个时钟。
不上传文件了，随便新建个文档，复制代码，然后改名kindle.html（名字可以随意），然后上传到kindle根目录，在kindle浏览器输入：file:///mnt/us/kindle.html 即可打开网页。

登录/注册后可看大图

[HTML] 纯文本查看 复制代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Kindle时钟</title>
<style>
body {
  color: #000000;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
}
  
.page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
  
.time_container,
.date_container,
.weather_container,
.text_container {
  text-align: center;
}
  
.time_container,
.date_container,
.weather_container {
  margin-bottom: 20px;
}
 
.time,
.date,
.weekday,
.text,
.weather {
  font-size: 7rem;   //数字改了就是字体调大小，
}
 
</style>
</head>
<body>
<div class="page">
  <div class="text_container">
    <div class="text">每一秒都是<br>新的开始</div> 
  </div>
  <div class="time_container">
    <div class="time" id="time">22:26:00</div>
    <div class="date" id="date">3月1日</div>
    <div class="weekday" id="weekday">星期五</div>
  </div>
  <div class="weather_container">
    <div class="weather" id="weather">天气：loading...</div>
  </div>
</div>
  
<script>
var lastWeatherUpdateTime = 0;
var weatherUpdateInterval = 10 * 60 * 1000; // 10分钟
 
function updateWeather() {
    var currentTime = new Date().getTime();
    if (currentTime - lastWeatherUpdateTime >= weatherUpdateInterval) {
        // 发送天气信息请求
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function () {
            if (xhr.readyState === XMLHttpRequest.DONE) {
                if (xhr.status === 200) {
                    var data = JSON.parse(xhr.responseText);
                    var weather = '天气：' + data.now.text + '<br>温度：' + data.now.temp + '°C';
                    document.getElementById("weather").innerHTML = weather;
                } else {
                    console.error('Error fetching weather:', xhr.status);
                }
            }
        };
                   //location=XXXXXXXX,所在城市代码。key=XXXXXXXX，使用的是和风天气的API
        xhr.open('GET', 'https://devapi.qweather.com/v7/weather/now?location=XXXXXXXX&key=XXXXXXXX', true);
        xhr.send();
 
        lastWeatherUpdateTime = currentTime;
    }
 
    // 下一次天气更新在10分钟后
    setTimeout(updateWeather, weatherUpdateInterval);
}
 
function update() {
  var date = new Date();
  var hours = ('0' + date.getHours()).slice(-2);
  var minutes = ('0' + date.getMinutes()).slice(-2);
  var seconds = ('0' + date.getSeconds()).slice(-2);
  var timeString = hours + ':' + minutes + ':' + seconds;
  var dateString = (date.getMonth() + 1) + '月' + date.getDate() + '日';
  var weekList = ['日', '一', '二', '三', '四', '五', '六'];
  var weekString = '星期' + weekList[date.getDay()];
  
  document.getElementById("time").innerHTML = timeString;
  document.getElementById("date").innerHTML = dateString;
  document.getElementById("weekday").innerHTML = weekString;
}
 
// 第一次调用
update();
// 每秒更新一次时间
setInterval(update, 1000);
// 第一次调用
updateWeather();
</script>
</body>
</html>

账号		自动登录	找回密码
密码			立即注册

Kindle不在是盖泡面的，本地html时钟也不错！

论坛元老

灌水之王