数据可视化echarts笔记

121 阅读1分钟
一、案例适配方案

设计稿1920px flexible把屏幕分为24等分,修改flexible.js(1rem = 80px)

image.png

设置cssrem插件,基准值为80px;

image.png

            var t = null;
            t = setTimeout(time, 1000); //开始运行
            function time() {
                clearTimeout(t); //清除定时器
                dt = new Date();
                var y = dt.getFullYear();
                var mt = dt.getMonth() + 1;
                var day = dt.getDate();
                var h = dt.getHours(); //获取时
                var m = dt.getMinutes(); //获取分
                var s = dt.getSeconds(); //获取秒
                document.querySelector('.showTime').innerHTML = `当前时间${y}年${mt}月${day}日-${h}时${m}分${s}秒`;
                t = setTimeout(time, 1000); //设定定时器,循环运行
            }
        </script>

image.png

image.png