jquery页面上滚动循环显示控制台消息插件

所属分类: 网页特效-其它&杂项    2023-08-30 09:59:06

jquery页面上滚动循环显示控制台消息插件 ie兼容6
反馈问题  查看演示  登录后下载 温馨提示
登录会员即可享受免费下载
 我要建站

jquery页面上滚动循环显示控制台消息插件(共6个文件)

    • main.css
    • index.html

使用方法

        $(document).ready(function () {
            // Init the consoles
            let con1 = $(".console1").console({ msgDirection: "up" });
            let con2 = $(".console2").console({ history: 15 });
            let con3 = $(".console3").console({ msgDirection: "up", showTimestamp: false, timeout: 3000 });
            let con4 = $(".console4").console({ tagOddEven: true, timestampOnLeft: true });

            // Sample messages to show off the different log levels
            let long_txt = "This is very long alert message. This is very long alert message. This is very long alert message. "
                + "This is very long alert message. This is very long alert message. This is very long alert message. "
                + "This is very long alert message. This is very long alert message. This is very long alert message.";
            let msgs = [
                { txt: "This is a debug message.", level: 7 },
                { txt: "This is an info message.", level: 6 },
                { txt: "This is a notice message.", level: 5 },
                { txt: "This is a warning message.", level: "warning" },    // can use choose using str or int
                { txt: "This is an error message.", level: 3 },
                { txt: "This is a critical message.", level: 2 },
                { txt: "This is an alert message.", level: 1 },
                { txt: "This is an emergency message.", level: 0 },
                { txt: "This is a default message." },                      // no level needs to be provided
                { txt: long_txt, level: 1 }
            ];

            // Generator implementation of writing a message every second from the message array
            function* get_message() {
                let index = 0;
                while (true) {
                    let msg = msgs[index];
                    index = (index + 1) % msgs.length;  // inc index but cycle back to the start if at the end of the list
                    yield msg;
                }
            }
            let msg_generator = get_message();
            
            function writeMessage() {
                let msg = msg_generator.next().value;
                if ("level" in msg) {
                    con1.log(msg["txt"], msg["level"]);
                    con2.log(msg["txt"], msg["level"]);
                    con3.log(msg["txt"], msg["level"]);
                    con4.log(msg["txt"], msg["level"]);
                }
                else {
                    con1.log(msg["txt"]);
                    con2.log(msg["txt"]);
                    con3.log(msg["txt"]);
                    con4.log(msg["txt"]);
                }
            }
            let tid = setInterval(writeMessage, 500);
        });

站长提示:
1. 平台上所有素材资源,需注册登录会员方能正常下载。
2. 会员用户积极反馈网站、素材资源BUG或错误问题,每次奖励20K币
3. PHP源码类素材,如需协助安装调试,或你有二次开发需求,可联系苦力吧客服。
4. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服
相关资源 / 其它&杂项

jquery Cookie同意提示插件

一款在网页顶部弹出的提示信息,点击可关闭隐藏。
  其它&杂项
 241  

jquery可无限克隆添加文本框插件

一款可复制input文本框的克隆插件,理论上可复制克隆带有默认值的input文本框,还可移除。
  其它&杂项
 184  

jquery页面视差滚动滑动卡片特效插件

一款单页滚动插件,允许用户像滑动一副卡片一样滚动页面。
  其它&杂项
 231  

jquery公告栏标题定时切换的轮播特效

一款带箭头可上下切换的公告标题,默认自动切换,鼠标hover不执行切换。
  其它&杂项
 211  

评论数(0) 回复有机会获得K币 用户协议

^_^ 还没有人评论,快来抢个沙发!
😀
  • 😀
  • 😊
  • 😂
  • 😍
  • 😑
  • 😷
  • 😵
  • 😛
  • 😣
  • 😱
  • 😋
  • 😎
  • 😵
  • 😕
  • 😶
  • 😚
  • 😜
  • 😭
发表评论