V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
pzistart
V2EX  ›  程序员

大佬们, html 代码怎么让任务栏浏览器做窗口抖动,类似于微信收到消息那种任务栏抖动提示

  •  
  •   pzistart · 2023-07-18 11:10:22 +08:00 · 1671 次点击
    这是一个创建于 503 天前的主题,其中的信息可能已经有所发展或是发生改变。

    大佬们,html 代码怎么让浏览器做窗口抖动,类似于微信收到消息那种任务栏抖动提示

    7 条回复    2023-07-18 21:12:56 +08:00
    chongdianbao
        1
    chongdianbao  
       2023-07-18 11:33:31 +08:00
    建议做个浏览器
    pzistart
        2
    pzistart  
    OP
       2023-07-18 11:36:01 +08:00
    @chongdianbao 你是真秀 陈泽秀都没你秀
    coolfan
        3
    coolfan  
       2023-07-18 11:50:17 +08:00
    让浏览器发通知,像别的桌面程序一样可以从右下角弹窗消息,同时任务栏也会高亮吧
    w292614191
        4
    w292614191  
       2023-07-18 11:56:23 +08:00
    document.title='您有的新的消息,[xxx 未完成,请及时审核!]',文字长一些,然后就会滚动效果了,看起来不错。

    还有一种是:
    document.title=''
    sleep(1s)
    document.title='消息'
    做个定时器会有闪动效果,用户感知会更强。
    7gugu
        5
    7gugu  
       2023-07-18 12:04:07 +08:00   ❤️ 2
    原生浏览器做不了的,Web Notifications 才是正解,用这个可以帮你提醒用户
    netnr
        6
    netnr  
       2023-07-18 12:54:40 +08:00
    6IbA2bj5ip3tK49j
        7
    6IbA2bj5ip3tK49j  
       2023-07-18 21:12:56 +08:00
    窗口抖不了,但是整个 body 抖一抖还是没问题的。

    setInterval(function(){
    var offsetX = Math.random() * 10 - 5;
    var offsetY = Math.random() * 10 - 5;
    document.querySelector('body').style.transform = 'translate(' + offsetX + 'px, ' + offsetY + 'px)';
    setTimeout(function() {
    document.querySelector('body').style.transform = 'translate(0, 0)';
    }, 50);
    },500)
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1358 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 17:40 · PVG 01:40 · LAX 09:40 · JFK 12:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.