漏刻有时的博客_javascript(3)

Echarts数据数组常用的时间计算函数

function getVirtulData(year) { year = year || '2020'; var date = +echarts.number.parseDate(year + '-01-01'); var end = +echarts.number.parseDate((+year + 1) + '-01-01'); var dayTime = 3600

sed

原创 2022-03-10 11:33:23 140 阅读

JS最简单的定时累加计数器

var timer, k = 2020; function doing() { k += 2; document.getElementById("num").innerHTML = k; } function startTimer() { timer = setInterval(doing

html

原创 2022-03-10 11:33:08 203 阅读

JS对象数组求和

一、对象数组[ { "name": "陵城区", "value": "18" }, { "name": "李沧区", "value": "1" }, { "name": "市辖区", "value": "1" }]二、遍历数组求和 /*合计地区总数，对象数组求和*/

对象数组

遍历数组

原创 2022-03-10 11:32:22 436 阅读

javascript封装函数:substr函数实现自动截取长度超出限制字数的解决方案

//缩减文本;function limitWords(txt, num) { var str = txt; str = str.substr(0, num); return str + "";}调用：var txt ="漏刻有时（LOCKDATAV），智能化数据展示解决方案服务商，让更多的人看到数据可视化的魅力，促

数据

图形化

解决方案

原创 2022-03-10 11:28:29 126 阅读

javascript对象数据合并实现补齐24小时时间段同时赋值0的解决方案

在php对接echarts生成24小时数据时，发现某些时段在数据库中是不存在的，这样就导致前端Echarts的X轴会出现时间段的跳跃。如后台生成的数据JSON如下：var arr = [ { "dataKey": "00",

数据

对象数组

数据格式

原创 2022-03-10 11:26:28 328 阅读

javascript简单的隐藏显示DIV解决方案

引入jquery <script src="js/jquery.min.js"></script>CSS #btn { display: block; background: #1E9FFF; border-radius: 5px; width: 100px;

html

jquery

css

原创 2022-03-10 11:23:32 77 阅读

svg地图数据可视化鼠标操作事件函数

地图对应的数据 /*svg地图*/ var classObj = [ {name: "qingqi", place: "青岐村委", color: "#f6510d", orgTotal: 987, orgPerson: "张三丰"}, {name: "mumian", place: "木棉村委", colo

html

css

i++

原创 2022-03-10 11:22:06 258 阅读

jquery实现tab选项卡同一个按钮不同onClick链接的解决方案

项目需求TAB选项卡：“月统计”和“年统计”；实现不同TAB选项卡时，同一个按钮实现不同的链接，弹出对应的“月统计”和“年统计”放大页面。解决方案HTML代码<div class="allTitle">荣誉墙 <span class="laybg new6"

html

选项卡

ico

原创 2022-03-10 11:21:23 64 阅读

javascript插件库的应用：mapper.js实现图片热点的hover高亮效果

在HTML中，链接有对应的hover高亮显示属性，但是对图片热点来说，是没有高亮的选项的，因此需要调用插件来实现该功能。准备工作热点图片的制作：使用过多前后端分离软件的程序猿，可能webstorm、subtime、Atom、VScode

ico

高亮

区域设置

原创 2022-03-10 11:20:15 300 阅读

javascript以当前日期为准计算昨天、7天、30天直接输出日期的解决方案

getDate(days)函数days为时间间隔的天数，+代表今日往后计算；-代表今日往前计算。 function getDate(days) { //定义今日标准时间; var d = new Date(); var nowYear =

日期计算

日期格式

格式转换

原创 2022-02-11 09:54:04 425 阅读

javascript以当前日期为准计算当月、上月、下月直接输出日期的解决方案

//获取当月;function getMonths(mons, today) { var d = new Date(); var nowYear = d.getFullYear().toString();//今年 var nowMonth = timeAdd0((d.getMonth() + 1

javascript

原创 2022-02-11 09:53:53 156 阅读

百度API调用JSONP解决跨越问题 been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header

百度API调用时会出现跨域，导致been blocked by CORS policy: No 'Access-Control-Allow-Origin' header使用JSONP的解决方案如下：封装IP函数 function getIp(ip) {

回调函数

跨域

封装

原创 2022-02-10 18:53:21 1653 阅读

javascript中html单双引号混排的解决方案

完整代码： $("#lay1").append("<span class=\"new1\" οnclick=\"getZoomUrl('sensor.html?device_id=" + device[0].imei + "', '1200px', '37.5rem')\"><img src=\"images/zoom.png\">

html

原创 2022-02-10 18:51:08 235 阅读

javascript计算某段代码大执行时间console.time()

console.time() 方法是作为计算器的起始方法，该方法一般用于测试程序执行的时长。 console.time("lcdata"); for (var i = 2015; i < 2021; i++) { opHtml += "<option value=\"" + i + "\">" + i + "年</option>";

html

测试程序

i++

原创 2022-02-10 18:42:47 102 阅读

js判断开始时间与结束时间不大于24小时的解决方案

//筛选条件; $('.layui-btn').click(function () { var fromTime = $('#fromTime').val(); var toTime = $('#toTime').val(); //判断时间差;

数据

原创 2022-02-10 18:12:08 1537 阅读

ajax返回数据进行for双循环实现前端html渲染数据的解决方案

//历史告警; function getAlert() { var alertHtml = ""; $.ajax({ type: 'post', async: true, data: {}, url: './api/api.php?act=getAle

html

ajax

请求数据

原创 2022-02-10 18:11:56 282 阅读

javascript通过设置Cookie来切换字体的解决方案

<div id="fonts"></div><div class="content">字体切换</div>$(function () { function SetCookie(name, value) { var Days = 30; v

css

原创 2022-02-10 18:10:51 51 阅读

ajax返回无数据时防止控制台报错的解决方案

返回文本类型空值 success: function (res) { //获取最新的采集时间; if (typeof(res.data[0]) == "undefined") { $("#curTime").html("00:00:00")

数据

html

对象数组

原创 2022-02-10 18:10:07 103 阅读

调用百度文字转语音接口实现自动报时的解决方案

<div id="remind"></div>百度文字转语音接口 function audioPlay(text) { var zhText = text; zhText = encodeURI(zhText); var audio = "<audio

自动刷新

定时刷新

封装

原创 2022-02-10 18:09:39 168 阅读

javascript实现数据自动模拟系列(1):ProgressBarWars.js进度条动画轮播

官方名称jQuery仿造星球大战激光剑效果水平进度条插件JSProgressBarWars.js使用步骤引入外部JS包<script src="js/jquery-2.1.1.min.js" type="text/javascript">

进度条

jquery

定时刷新

原创 2022-02-10 18:01:35 142 阅读

javascript全屏按钮

项目分析：全屏按钮目前js版的大同小异，最大的问题就是无法刷新，刷新就退出。最理想的还是F11。/* Fullscreen btn */let fullscreen;let fsEnter = document.

html

项目分析

全屏

原创 2022-02-10 17:50:16 344 阅读

javascript实现简单的新消息语音提醒功能

HTML消息提示层<div id="remind"></div>判断是否有新消息 var newInfo = 1; if (newInfo == 1) { document.getElementById("remind").innerHTML = "

html

消息提示

原创 2022-02-10 17:49:13 299 阅读

javascript时间函数的运用：根据开始时间和时间差来计算截至时间的解决方案

项目需求根据开始时间和时间差来确定截至时间项目说明开始时间：2020-10-10 09:16:50查询2小时前的时间，即：2020-10-10 07:16:50项目方案js时间函数需要使用不同的属性来组合实现具体时间；时间不足十位数的，需要0补充

时间戳

时间格式

d3

原创 2022-02-10 17:48:31 225 阅读

HTML下拉框选择事件

项目需求下拉框改变时，直接传值，不要查询点击按钮。项目代码HTML <select name="years" id="years"></select>下拉框传值 var opHtml =

html

下拉框

i++

原创 2022-02-10 17:47:07 1017 阅读

javascript自动判断15位和18为身份证号计算年龄的解决方案

项目需求人员信息录入过程中，需要根据身份证号码，自动计算出当前的年龄。方案代码//根据身份证，自动计算年龄；function GetAge(identityCard) { var len

ide

字符串

原创 2022-02-10 17:43:55 247 阅读

javascript将ajax返回的对象数组按照类别字段分组判断是否存在，传递echarts进行图表渲染

数组分组 //设备数据分组 var device = res.device; //传感器设备的图表; var t = []; for (var j = 0; j < res.device.length; j++) {

数据

数组

对象数组

原创 2022-02-10 17:43:44 102 阅读

2019-nCov疫情实时趋势数据可视化Echarts学习(1)：柱图和折线图

option = { title: { text: '全国疫情防控数据', subtext: '2019-nCov虚拟数据' }, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, ...

数据

原创 2022-02-10 17:29:32 108 阅读

jquery通过setInterval实现按钮的轮播点击效果

在项目开发中，需要实现按钮的定时轮播，却发现要引入一个JS轮播插件，需要“大动干戈”。于是，写了个简单的按钮轮播。CSS样式表

项目开发

css样式

html

原创 2022-02-10 17:26:05 75 阅读

javascript整数千分位格式化函数

function formatNum(str) { var newStr = ""; var count = 0; if (str.indexOf(".") == -1) { for (var i = str.length - 1; i >= 0; i--) {

千分位

原创 2022-02-10 17:24:24 185 阅读

swiper插件实现echarts轮播的解决方案

引入外部js<link rel="stylesheet" type="text/css" href="css/swiper.min.css"><script src="js/swiper.min.js"></script>HTML代码<div class="

css

ide

html

原创 2022-02-10 17:21:19 456 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

漏刻有时

Echarts数据数组常用的时间计算函数

JS最简单的定时累加计数器

JS对象数组求和

javascript封装函数:substr函数实现自动截取长度超出限制字数的解决方案

javascript对象数据合并实现补齐24小时时间段同时赋值0的解决方案

javascript简单的隐藏显示DIV解决方案

svg地图数据可视化鼠标操作事件函数

jquery实现tab选项卡同一个按钮不同onClick链接的解决方案

javascript插件库的应用：mapper.js实现图片热点的hover高亮效果

javascript以当前日期为准计算昨天、7天、30天直接输出日期的解决方案

javascript以当前日期为准计算当月、上月、下月直接输出日期的解决方案

百度API调用JSONP解决跨越问题 been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header

javascript中html单双引号混排的解决方案

javascript计算某段代码大执行时间console.time()

js判断开始时间与结束时间不大于24小时的解决方案

ajax返回数据进行for双循环实现前端html渲染数据的解决方案

javascript通过设置Cookie来切换字体的解决方案

ajax返回无数据时防止控制台报错的解决方案

调用百度文字转语音接口实现自动报时的解决方案

javascript实现数据自动模拟系列(1):ProgressBarWars.js进度条动画轮播

javascript全屏按钮

javascript实现简单的新消息语音提醒功能

javascript时间函数的运用：根据开始时间和时间差来计算截至时间的解决方案

HTML下拉框选择事件

javascript自动判断15位和18为身份证号计算年龄的解决方案

javascript将ajax返回的对象数组按照类别字段分组判断是否存在，传递echarts进行图表渲染

2019-nCov疫情实时趋势数据可视化Echarts学习(1)：柱图和折线图

jquery通过setInterval实现按钮的轮播点击效果

javascript整数千分位格式化函数

swiper插件实现echarts轮播的解决方案

欢迎