
大数据可视化
数据大屏
山鬼taro
如果一个人想做一件真正忠于内心的事,那么往往只能一个人去做
展开
-
div大小重置
1、获取窗口宽高const win_height = Number(window.innerHeight);const win_width = Number(window.innerWidth);2、获取父元素宽高const parent_Height = document.getElementById("SL-data-wrap").parentNode.clientHeightconst parent_Width = document.getElementById("SL-data-wrap原创 2021-08-12 12:22:29 · 306 阅读 · 0 评论 -
动态改变setInterval时间间隔
这段时间做抽奖的转盘,需要实现抽奖转速由慢变快的效果。这就需要在setInterval运行时动态缩短时间间隔来实现。在实际操作中我发现无法改变一个timer的时间间隔,而需要反复的运行,清除,再运行,再清除(定时器)。使用函数表达式和递归实现:var counter = 10;var myFunction = function(){ clearInterval(interval); counter *= 10; interval = setInterval(myFunction,原创 2021-02-01 18:34:47 · 2443 阅读 · 0 评论 -
大屏显示数字时钟
一、时钟效果二、代码1、获取日期dateTime:function(cFormat, time){ time = time || new Date() var format = cFormat || '{y}-{m}-{d} {h}:{i}' var date if (typeof time === 'object') { date = time } else { if (('' + time).length === 10) time = p原创 2021-02-06 10:50:21 · 2749 阅读 · 1 评论 -
滚动字幕scrollTop无效问题
一、现象应需求,需要将一段字幕实时滚动,效果如下代码如下:gundongLeftBot () { var guangbo = '' var guangboLen = 0 var self = this setTimeout(() => { guangbo = self.$refs.record guangboLen = self.data_list.playRecord.length * 54 - 272 - 16原创 2021-02-04 09:30:16 · 499 阅读 · 0 评论