User:Kurgenera/pre1.js
外观
注意:保存之后,你必须清除浏览器缓存才能看到做出的更改。Google Chrome、Firefox、Microsoft Edge及Safari:按住⇧ Shift键并单击工具栏的“刷新”按钮。参阅Help:绕过浏览器缓存以获取更多帮助。
// 【动态欢迎语脚本】
$(function() {
// 确保当前页面是用户页或用户讨论页,才执行此脚本
var currentPage = mw.config.get('wgPageName');
var userName = mw.config.get('wgUserName');
if (currentPage !== 'User:' + userName && currentPage !== 'User_talk:' + userName) {
return;
}
var $greetingElement = $('#dynamic-welcome-greeting');
// 如果页面上没有找到占位符元素,则退出
if ($greetingElement.length === 0) {
console.log('未找到动态欢迎语占位符 #dynamic-welcome-greeting');
return;
}
var hour = new Date().getHours();
var greetingText = '';
var greetingStyle = {}; // 存储要应用的 CSS 样式
// 根据小时数确定问候语和样式
if (hour >= 5 && hour < 12) {
// 早上 (5:00 - 11:59)
greetingText = '早上好!☕ 愿您拥有美好的一天。';
greetingStyle = { 'background-color': '#e8f5e9', 'color': '#2e7d32' }; // 淡绿色
} else if (hour >= 12 && hour < 18) {
// 下午 (12:00 - 17:59)
greetingText = '下午好!🌞 感谢您的来访。';
greetingStyle = { 'background-color': '#fff3e0', 'color': '#ef6c00' }; // 淡橙色
} else if (hour >= 18 && hour < 23) {
// 晚上 (18:00 - 22:59)
greetingText = '晚上好!🌙 欢迎您在此休息片刻。';
greetingStyle = { 'background-color': '#e3f2fd', 'color': '#1565c0' }; // 淡蓝色
} else {
// 深夜/凌晨 (23:00 - 4:59)
greetingText = '深夜了,注意休息。💻 很高兴您能来。';
greetingStyle = { 'background-color': '#263238', 'color': '#eceff1' }; // 深灰色
}
// 设置问候文本
$greetingElement.html('<strong>' + greetingText + '</strong>');
// 增加一些额外的样式美化
$greetingElement.css({
'padding': '15px',
'border-radius': '5px',
'font-size': '1.2em',
'text-align': 'center'
});
// 应用动态样式
$greetingElement.css(greetingStyle);
});