漏刻有时的博客_javascript原创博文(6)

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

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

数据

html

对象数组

i++

干货

原创 2021-07-30 16:39:05 170 阅读

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

<div id="remind"></div>百度文字转语音接口 function audioPlay(text) { var zhText = text; zhText = encodeURI(zhText); var audio = "<audio autoplay=\"autoplay\">" + "<source src=\"http://tts.baidu.com/text2audio?lan=zh&

数据

百度

html

封装

自动刷新

原创 2021-07-30 16:39:04 406 阅读

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

在项目开发中，需要实现按钮的定时轮播，却发现要引入一个JS轮播插件，需要“大动干戈”。于是，写了个简单的按钮轮播。CSS样式表 body { margin: 0; padding: 0; } .panel { width: 300px; height: 300px; line-height: 300px; bac.

项目开发

css样式

html

dom操作

干货

原创 2021-07-30 16:39:01 601 阅读

select下拉框的值传递

function goPages() { var m = document.getElementById("m").options[document.getElementById("m").selectedIndex].value; var d = document.getElementById("d").options[document.getElementById("d").selectedIndex].value; if ((d == "30")...

跳转页面

html

干货

原创 2021-07-30 16:38:59 399 阅读

API接口获得数据后处理JS数组(包含字符串对象)分组、过滤和筛选的解决方案

读取API后，数组多是以字符串对象的形态存在于数组中的。根据实际情况，需要对得到的数据进行分组、过滤和筛选。如下，通过api获取以下格式数组，可以理解为从mysql数据库读取的二维数组： var arr = [ {area_name: "A街道", health_id: "1", health_must: "1693", health_today: "8", checke...

数组

数据

返回结果

对象数组

字段

原创 2021-07-30 16:38:36 515 阅读

js不足十位自动补0函数

function fillZero(str) { var realNum; if (str < 10) { realNum = '0' + str; } else { realNum = str; } return realNum;}

JS

原创 2021-07-30 16:38:35 3107 阅读

js传递参数时变量名动态拼接(含数字或指定规律的变量名称)

项目需求：JS传参，需要要实现show1, show2, show3……以便快递和有效的调用函数。其中1、2、3……数字就是要传递的参数。前端传递方式：οnclick="getBtn(3);错误的解决思路：var show+id=true;这个是本能的操作，js基础不牢固的情况下，瞎撞的开发方式。正确思路：把变量名当成对象的一个属性名，把原本要给变量赋的值赋给此属性名。完整的代码...

ide

html

i++

调用函数

变量名

原创 2021-07-30 16:38:33 3561 阅读

JS数字区间比较大小的写法

正确的写法是：if (realValue >= 0 && realValue <= 5) { console.log('漏刻有时数据可视化'); }错误的写法：if ( 0<= realValue <= 5) { console.log('漏刻有时数据可视化'); }Done!

数据可视化

JS

原创 2021-07-30 16:38:31 1327 阅读

清除JS定时器setInterval方法防止if条件语句判断无效的解决方案

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>漏刻有时数据可视化组件开发实例</title> <script type="text/javascript" src="js/jquery.js"></script></head><body><input type=

html

jquery

数据可视化

定时执行

条件语句

原创 2021-07-30 16:38:29 794 阅读

多个js对象数组合并成一个对象数组的解决方案

//多个数组对象合并; var dataScatter = []; avenueData.map(function (value, index, array) { dataScatter = dataScatter.concat(value); });//console.log(dataScatter);Done!...

数组

JS

原创 2021-07-30 16:38:28 2845 阅读

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

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

html

JS

原创 2021-07-30 16:38:27 542 阅读

JS对象数组求和

一、对象数组[ { "name": "陵城区", "value": "18" }, { "name": "李沧区", "value": "1" }, { "name": "市辖区", "value": "1" }]二、遍历数组求和 /*合计地区总数，对象数组求和*/ var strarr = []; for (let i in res.data) {

对象数组

遍历数组

JS

原创 2021-07-30 16:38:25 2431 阅读

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

//筛选条件; $('.layui-btn').click(function () { var fromTime = $('#fromTime').val(); var toTime = $('#toTime').val(); //判断时间差; getDiff(fromTime, toTime); })//判断结束时间是否小于开始时间；function getDif...

数据

JS

原创 2021-07-30 16:38:22 2586 阅读

HTML加密保护防止源文件被查看

<script type="text/javascript" src="js/lockdatav.js"></script> <script> ;var encode_version = 'sojson.v5', jqmmv = '__0x6b22e...

f5

3c

json

d3

3d

原创 2021-07-30 16:37:29 373 阅读

JS混写HTML使用onclick传递参数引号的用法

一、直接传递参数的写法：var html = "";html += "<a href=\"#\" οnclick=\"javascript:getMenu('营子社区');\"> <div id=\"area1\" class=\"area\">营子社区</div></a>"；getMenu(‘营子社区’)，直接写入值即可。二、包含变量的函数参数的写法：var menuHtml = "";menuHtml += "<div id=\"gh2

html

传递参数

3d

函数参数

javascript

原创 2021-07-30 16:37:28 667 阅读

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

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

html

i++

3c

json

ajax

原创 2021-07-30 16:37:26 809 阅读

HTML下拉框选择事件

项目需求下拉框改变时，直接传值，不要查询点击按钮。项目代码HTML <select name="years" id="years"></select>下拉框传值 var opHtml = ""; for (var i = 2015; i < 2021; i++) { opHtml += "<option value=\"" + i + "\">" + i + "年</option>"; } $(

html

下拉框

项目代码

i++

原创 2021-07-30 16:37:25 2938 阅读

jquery实现状态灯转换的注意事项

总状态灯的判断1.lightStatus=[]，创建总状态灯判断的依据；2.将所有群组的状态传入总状态灯数组；3.判断lightStatus是否全部"正常运行"，并返回布尔值；4.$("#sStatus").removeClass().addClass("alert2")，更换样式； if (data1) { var secHtml = ""; var lightStatus=[]; for (var i = .

数组

正常运行

html

i++

群组

原创 2021-07-30 16:37:02 124 阅读

漏刻有时后台左侧菜单默认隐藏的解决方案

漏刻有时后台采用X-admin前端后台管理框架,客户需求：将默认展开的左侧菜单关闭。为了尽量的减少d代码的改动，可能涉及css和js两部分，而采用直接加载点击事件来完成。X-admin基于layui的轻量级前端后台管理框架,简单免费,兼容性好,面向所有层次的前后端程序。创立于2017年初,为了敏捷WEB应用开发和简化企业应用开发而诞生的左侧菜单事件 $('.container .left_open i').click(function (event) { if ($('.le

css

后台管理框架

左侧菜单

点击事件

ide

原创 2021-07-30 16:37:00 97 阅读

HTML使用DOM属性跳转页面

window.onload = function () { document.getElementById("mainFrame").src= "http://mall.qiaodu.net";

.net

原创 2021-07-30 16:36:52 145 阅读

百度地图标注API开发随机marker数组经纬度的函数解决方案

百度地图标注API开发随机生成经纬度数组的函数解决方案 /** * 得到一个随机的marker数组。 * @param {Number} 数组的长度 * @return {Array} 随机marker数组 */ function getNewMarkers(MAX) { var newMarkers = []; ...

数组

解决方案

i++

百度地图

地图

原创 2021-07-30 16:33:35 225 阅读

百度地图拾取经纬度转为标准GEOJSON格式的函数解决方案

//百度地图拾取经纬度; var xmJson = "121.5539661691983, 29.813091443114732;121.55513396636088, 29.8129582624558;121.55544837328927, 29.81290342330887;121.55551125467495, 29.81312277971432;121.5556370174463, 29.813569325180445;121.55513396636088, 29.813663334495.

json

xml

百度地图

字符串

地图

原创 2021-07-30 16:33:29 1348 阅读

高德地图进阶开发实战案例(7):点是否在多边形内和内外部的数量统计的解决方案

外部文件引入 <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" type="text/css"> <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=ca11d9894383ee611ed5.

ico

html

css

javascript

i++

原创 2021-07-30 16:32:34 572 阅读

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

//缩减文本;function limitWords(txt, num) { var str = txt; str = str.substr(0, num); return str + "";}调用：var txt ="漏刻有时（LOCKDATAV），智能化数据展示解决方案服务商，让更多的人看到数据可视化的魅力，促进前沿技术与产业融合，帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用";limitWords(txt, 27)Done！...

图形化

数据

解决方案

数据可视化

javascript

原创 2021-07-30 16:32:06 60 阅读

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

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

数据

对象数组

数据格式

i++

数组

原创 2021-07-30 16:32:04 260 阅读

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

在HTML中，链接有对应的hover高亮显示属性，但是对图片热点来说，是没有高亮的选项的，因此需要调用插件来实现该功能。准备工作热点图片的制作：使用过多前后端分离软件的程序猿，可能webstorm、subtime、Atom、VScode等工具烂熟于心，但是对图片特点的设置，比较下来还是推荐Dreamweaver。引入mapper.js库图片热点切分好后，需要下载mapper.js，并将该文件通过script脚本引入HTML。<script type="text/javascript" src

ico

高亮

高亮显示

html

区域设置

原创 2021-07-30 16:32:03 262 阅读

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

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

javascript

原创 2021-07-30 16:32:02 234 阅读

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

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

日期格式

字符串

时间间隔

格式转换

日期计算

原创 2021-07-30 16:32:00 1530 阅读 1评论

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

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

html

javascript

原创 2021-07-30 16:31:59 187 阅读

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

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

html

jquery

css

javascript

原创 2021-07-30 16:31:58 267 阅读

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

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

51CTO博客

漏刻有时

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

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

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

select下拉框的值传递

API接口获得数据后处理JS数组(包含字符串对象)分组、过滤和筛选的解决方案

js不足十位自动补0函数

js传递参数时变量名动态拼接(含数字或指定规律的变量名称)

JS数字区间比较大小的写法

清除JS定时器setInterval方法防止if条件语句判断无效的解决方案

多个js对象数组合并成一个对象数组的解决方案

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

JS对象数组求和

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

HTML加密保护防止源文件被查看

JS混写HTML使用onclick传递参数引号的用法

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

HTML下拉框选择事件

jquery实现状态灯转换的注意事项

漏刻有时后台左侧菜单默认隐藏的解决方案

HTML使用DOM属性跳转页面

百度地图标注API开发随机marker数组经纬度的函数解决方案

百度地图拾取经纬度转为标准GEOJSON格式的函数解决方案

高德地图进阶开发实战案例(7):点是否在多边形内和内外部的数量统计的解决方案

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

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

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

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

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

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

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

欢迎