前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >给博客添加欢迎信息来源

给博客添加欢迎信息来源

作者头像
傲绝
修改2023-03-08 14:33:12
2570
修改2023-03-08 14:33:12
举报
文章被收录于专栏:傲绝

有博友问我这博客第一次打开的欢迎信息怎么做的

话也不多说直接上代码

首先链接一下layer弹框JS

原文地址:https://cloud.tencent.com/developer/article/2235592

代码语言:javascript
复制
<script src="https://cdn.gmit.vip/layer/3.1.1/layer.js" type="text/javascript" charset="utf-8"></script>

没有调用这JS代码不会弹框哦 可能还会影响其它JS代码的运行

非常重要的

其次就是调用jQuery 相信大家博客应该已调用过了

没调用的可以链接一下

代码语言:javascript
复制
<script src="https://cdn.gmit.vip/blog/libs/jquery/jquery.min.js"></script>

最后把这串代码放在网站底部文件

代码语言:javascript
复制
<script>
    $(function(){
        var t = document.createElement("a");
        t.href = document.referrer;
        var msgTitle = t.hostname;
        var name = t.hostname.split(".")[1];
        if("" !== document.referrer){
            switch (name) {
                case 'bing':
                    msgTitle = '必应搜索';
                    break;
                case 'baidu':
                    msgTitle = '百度搜索';
                    break;
                case 'so':
                    msgTitle = '360搜索';
                    break;
                case 'google':
                    msgTitle = '谷歌搜索';
                    break;
                case 'sm':
                    msgTitle = '神马搜索';
                    break;
                case 'sogou':
                    msgTitle = '搜狗搜索';
                    break;
                default:
                    msgTitle =  t.hostname;
            }
        };
        var time = (new Date).getHours();
        var msg = '';
        23 < time || time <= 5 ? msg = "你是夜猫子呀?这么晚还不睡觉,明天起的来嘛?":
        5< time && time <= 7 ? msg = "早上好!一日之计在于晨,美好的一天就要开始了!":
        7< time && time <= 11 ? msg = "上午好!工作顺利嘛,不要久坐,多起来走动走动哦!":
        11< time && time <= 14 ? msg = "中午了,工作了一个上午,现在是午餐时间!":
        14< time && time <= 17 ? msg = "午后很容易犯困呢,今天的运动目标完成了吗?":
        17< time && time <= 19 ? msg = "傍晚了!窗外夕阳的景色很美丽呢,最美不过夕阳红~":
        19< time && time <= 21 ? msg = "晚上好,今天过得怎么样?":
        21< time && time <= 23 && (msg = "已经这么晚了呀,早点休息吧,晚安~");
        $.ajax({
            type:"get", 
            url:"https://api.gmit.vip/api/UserInfo",  
            data:{type:'json'},
            async:true,   
            success:function(data){
                layer.msg("Hi~ 来自"+ data.data.location+'~<br/>Hi~ 从'+msgTitle+'来的朋友!<br/>使用 '+ data.data.os +"<br/>"+ data.data.browser +' 访问本站!' + '<br/>' + msg);
            }
        }); 
    });
</script>

ok那么这样就完成了

浏览器信息跟地址信息都是从接口获取的

可以更改成自己的接口哦 但是你首先得自己会改

话题结束

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023 年 03 月,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档