-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwebclock.html
151 lines (145 loc) · 8.12 KB
/
webclock.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>webclock</title>
<style>
body {
text-align: center;
font-family: Arial, sans-serif;
}
.h1, .h2, .h3 {
margin: 20px 0;
}
.h1 {
font-size: 40px;
}
.h2 {
font-size: 80px;
}
.h3 {
font-size: 24px;
}
</style>
</head>
<body>
<div class="h1" id="day">
2024年8月14日 星期三
</div>
<div class="h2" id="time">
12:12
</div>
<div class="h3" id="quote">
我没说过——鲁迅
</div>
<script>
// 一百句名人名言数组
var quotes = [
"向他的头脑中灌输真理，只是为了保证他不在心中装填谬误。——卢梭",
"我所学到的任何有价值的知识都是由自学中得来的。——达尔文",
"人的大脑和肢体一样，多用则灵，不用则废。——茅以升",
"自信是英雄的本质。——爱默生",
"成功的唯一秘诀——坚持最终一分钟。——柏拉图",
"学问是异常珍贵的东西，从任何源泉吸收都不可耻。——阿卜·日·法拉兹",
"长风破浪会有时，直挂云帆济沧海。——李白",
"恋爱不是慈善事业，所以不能慷慨施舍。——萧伯纳",
"人有悲欢离合，月有阴晴圆缺，此事古难全。——苏轼",
"生活的理想，就是为了理想的生活。——张闻天",
"走自己的路，让别人说去！——但丁",
"欲穷千里目，更上一层楼。——王之焕",
"世上无难事，只要肯登攀。——毛泽东",
"不要只因一次失败，就放弃你原来决心想达到的目的。——莎士比亚",
"冬天来了，春天还会远吗？——雪莱",
"业精于勤，荒于嬉；行成于思，毁于随。——韩愈",
"路漫漫其修远兮，吾将上下而求索。——屈原",
"生活就像海洋，只有意志坚强的人，才能到达彼岸。——马克思",
"人生自古谁无死，留取丹心照汗青。——文天祥",
"知识本身并没有告诉人们怎样运用它，运用的方法乃在书本之外。——培根",
"合理安排时间，就等于节约时间。——培根",
"天才是百分之一的灵感加上百分之九十九的汗水。——爱迪生",
"读一本好书，就如同和一个高尚的人在交谈。——歌德",
"你若要喜爱你自己的价值，你就得给世界创造价值。——歌德",
"天才就是无止境刻苦勤奋的能力。——卡莱尔",
"少壮不努力，老大徒伤悲。——《长歌行》",
"人并不是因为美丽才可爱，而是因为可爱才美丽。——托尔斯泰",
"人生的价值，并不是用时间，而是用深度去衡量的。——列夫·托尔斯泰",
"先天下之忧而忧，后天下之乐而乐。——范仲淹",
"人生如同故事。重要的并不在有多长，而是在有多好。——塞涅卡",
"黑发不知勤学早，白首方悔读书迟。——颜真卿",
"静以修身，俭以养德，非淡泊无以明志，非宁静无以致远。——诸葛亮",
"一个人追求的目标越高，他的才力就发展得越快，对社会就越有益。——高尔基",
"理想是指路明灯。没有理想，就没有坚定的方向；而没有方向，就没有生活。——托尔斯泰",
"书是人类进步的阶梯。——高尔基",
"书籍是全世界的营养品，生活里没有书籍就好像没有阳光；智慧里没有书籍就好像鸟儿没有翅膀。——莎士比亚",
"一个人的价值，应该看他贡献什么，而不应当看他取得什么。——爱因斯坦",
"时间就像海绵里的水，只要愿挤，总还是有的。——鲁迅",
"人生得一知己足矣，斯世当以同怀视之。——鲁迅",
"骐骥一跃，不能十步；驽马十驾，功在不舍；锲而舍之，朽木不折；锲而不舍，金石可镂。——荀子",
"成功=艰苦劳动+正确方法+少说空话。——爱因斯坦",
"人的差异在于业余时间。——爱因斯坦",
"人生在勤，不索何获。——张衡",
"不积跬步，无以至千里；不积小流，无以成江海。——荀子",
"人生应该如蜡烛一样，从顶燃到底，一直都是光明的。——萧楚女",
"世界上有两种人，一种人，虚度年华；另一种人，过着有意义的生活。在第一种人的眼里，生活就是一场睡眠，如果在他看来，是睡在既温暖又柔和的床铺上，那他便十分心满意足了；在第二种人眼里，可以说，生活就是建立功绩……人就在完成这个功绩中享到自己的幸福。——别林斯基",
"如果不想在世界上虚度一生，那就要学习一辈子。——高尔基",
"人生至愚是恶闻已过，人生至恶是善谈人过。——申居郧",
"人生最大的快乐不在于占有什么，而在于追求什么的过程。——本生",
"真正的幸福只有当你真实地认识到人生的价值时，才能体会到。——穆尼尔·纳素夫",
"人生天地之间，若白驹过隙，忽然而已。——庄子",
"人生意义的大小，不在乎外界的变迁，而在乎内心的经验。——周庄",
"人生是一种无法抗拒的前进。——佚名",
"小时侯，幸福是很简单的事；长大了，简单是很幸福的事！——佚名",
"小时候觉得父亲不简单，后来觉得自己不简单，再后来觉得孩子不简单。——佚名"
];
// 随机选择一句名言
function getRandomQuote() {
var randomIndex = Math.floor(Math.random() * quotes.length);
return quotes[randomIndex];
}
// 设置名言显示
function setQuote() {
var quoteParagraph = document.getElementById('quote').firstChild;
quoteParagraph.textContent = getRandomQuote();
}
var now = new Date();
var month = (now.getMonth() + 1).toString().padStart(2, '0');
var day = now.getDate().toString().padStart(2, '0');
var xqj = now.getDay()
// 获取星期几的中文表示
var chineseDays = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
var dayNameInChinese = chineseDays[xqj];
//console.log(month,day,dayNameInChinese);
document.getElementById('day').firstChild.textContent = month + '月' + day + '日' + ' ' + dayNameInChinese;
function updateTime() {
var now = new Date();
var hours = now.getHours().toString().padStart(2, '0');
var minutes = now.getMinutes().toString().padStart(2, '0');
document.getElementById('time').firstChild.textContent = hours + ':' + minutes;
// 这里去掉了秒数，因为只需要每分钟更新一次
if(minutes==0){
if(hours==0){
if(now.getSeconds()<2){
//console.log("hello")
window.location.reload();
}
}
}
}
function startTimer() {
var now = new Date();
var currentSeconds = now.getSeconds();
var delay = (60 - currentSeconds) * 1000; // 计算延迟时间
// 设置定时器，延迟一段时间后执行updateTime，并启动每分钟更新
setTimeout(function() {
updateTime(); // 更新时间
setInterval(updateTime, 60000); // 每分钟更新一次
}, delay);
}
// 初始调用一次
updateTime();
setQuote();
// 启动定时器
startTimer();
</script>
</body>
</html>