登录 注册

[js] 思源左侧空白区域显示心灵毒鸡汤或倒计时和顶部显示天气

本贴最后更新于 367 天前，其中的信息可能已经沧海桑田

根据这个帖子的灵感 [js] 思源笔记左侧空白部分显示自定义文字 写了这个显示心灵毒鸡汤的功能。

感觉不错，分享给大家。

功能介绍

  1. 左侧 dock 空白区域显示心灵毒鸡汤，可自定义自己的毒鸡汤及设定出现概率
  2. 双击显示下一个
  3. 右键复制到剪切板
  4. 可显示为跑马灯效果
  5. 可显示倒计时，可选择显示在左侧或右侧，倒计时的优先级高于心灵毒鸡汤和哲理名言
  6. 可在右侧 dock 空白区域显示哲理名言
  7. 顶部显示今日天气

使用方法，请参考代码参数中的注释。

效果

image.png
image.png image.png r107.gif image.png

动画效果实际上比较顺滑，录制原因有点抖。

代码

代码地址 https://gitee.com/wish163/mysoft/blob/main/%E6%80%9D%E6%BA%90/%E5%B7%A6%E4%BE%A7dock%E7%A9%BA%E7%99%BD%E5%8C%BA%E6%98%BE%E7%A4%BA%E5%BF%83%E7%81%B5%E6%AF%92%E9%B8%A1%E6%B1%A4%E6%88%96%E5%80%92%E8%AE%A1%E6%97%B6%E7%AD%89.js

砸彩蛋啦，打赏后可见~~
打赏 15 积分后可见
15 积分 • 26 打赏
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    28444 引用 • 119764 回帖
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码，添加在 [设置 - 外观 - 代码片段] 中，这些代码会在思源笔记加载时自动执行，用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] 或 [js] 用于区分代码片段类型。

    285 引用 • 1985 回帖
2 引用
[js] 顶栏显示天气 • wenbocn
[js] 思源笔记左侧空白部分显示自定义文字 + 学习 • cxg318
13 操作
wilsons 在 2024-12-26 16:02:22 更新了该帖
wilsons 在 2024-12-25 11:37:55 更新了该帖
wilsons 在 2024-12-24 14:38:07 更新了该帖
wilsons 在 2024-12-23 22:13:10 更新了该帖 wilsons 在 2024-12-23 22:10:46 更新了该帖 wilsons 在 2024-12-20 17:49:16 更新了该帖 wilsons 在 2024-12-20 17:35:14 更新了该帖 wilsons 在 2024-12-20 15:58:51 更新了该帖 wilsons 在 2024-12-20 15:52:42 更新了该帖 wilsons 在 2024-12-20 15:50:43 更新了该帖 wilsons 在 2024-12-20 14:59:44 更新了该帖 wilsons 在 2024-12-20 09:51:29 更新了该帖 wilsons 在 2024-12-20 09:48:34 更新了该帖
26 打赏
3 感谢
8 收藏
2 引用
13 操作
26 回帖
10
3
3
2
1.8k 407 10 566 2 7 812

相关帖子

26 回帖
[js] 思源左侧空白区域显示心灵毒鸡汤或倒计时和顶部显示天气

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • FFFFFFire •

    有个顶栏的倒计时，结合下估计可以。但我不会
    [js] 顶栏倒计时 - 链滴

  • 其他回帖
  • lichlaughing •
    订阅者

    毒鸡汤太毒了，有的不堪入目。 建议改成古诗词，熏陶下。我尝试修改了下：

    
//每日一言
    async function yiyan(callback) {
        if (showCountdown) {
            // 定义目标日期，比如（2025年1月1日）
            const targetDate = new Date(countdownExpireDate + 'T00:00:00');
            // 获取当前日期
            const currentDate = new Date();
            // 计算时间差（以毫秒为单位）
            const timeDifference = targetDate - currentDate;
            // 将毫秒转换为天数
            const daysRemaining = Math.ceil(timeDifference / (1000 * 60 * 60 * 24));
            // 输出结果
            const response = countdownTemplate.replace(/\{day\}/gi, daysRemaining);
            callback(response);
        } else {
            /*  var response = await fetch('https://v.api.aa1.cn/api/yiyan/index.php');
            response = await response.text();
            response = extractTextFromHtml(response);
            response = cleanText(response);
            callback(response); */

            // https://www.jinrishici.com/doc/
            // https://v2.jinrishici.com/token
            var response = await fetch('https://v2.jinrishici.com/sentence', {
                method: 'GET',
                headers: {
                    'Content-Type': 'application/json',
                    'X-User-Token': '通过https://v2.jinrishici.com/token获取一个'
                }
            });
            response = await response.json();
            var content =
                response.data.content +
                '《' +
                response.data.origin.title +
                '》' +
                response.data.origin.author;
            callback(content);
        }
    }

    效果如下：

    1IVJyFjh3d7X7STHdP6TH.png

    1 回复
  • CongSec • • 1 • 1 评论
    订阅者 付费者 捐赠者 恶龙

    image.png

    😂

    1 回复
    虎狼之词
    ilovesiyuan •
  • lichlaughing • • 2 赞同
    订阅者

    既然左侧可以，那么右侧是不是也可以？那样的话中间是不是也可以？好家伙，贴对联既视感 😋

    1 回复
  • 查看全部回帖
wilsons
正式入驻知乎了，以后新贴主要在这里。 欢迎大家订阅关注！ 你的关注对我是莫大鼓励，也能让我持续产出优质内容，我们一起成长 🙏 点这里立即关注：https://www.zhihu.com/people/wilsonses
回帖
2149
 帖子
112
 积分
87389