添加页面报警闪烁效果

页面报警闪烁，实现思路，获取要闪烁的元素，定时更换背景样式。
方法一：
每隔几秒来回更换背景（报警元素不多时可采用）。
定义一个changeColor方法，参数为报警元素及其初始颜色。

colorFlag=0;
function changeColor(alarmEqps, eqpStatusColors) {var alarmEqpStr = alarmEqps.split(",");var eqpStatusColorStr = eqpStatusColors.split(",");var i;for (i=0; i< alarmEqpStr.length; i++) {if (null != alarmEqpStr[i] && alarmEqpStr[i] != "") {if (!colorFlag) {document.getElementById(alarmEqpStr[i]).style.backgroundColor = eqpStatusColorStr[i];colorFlag = 1;}else{document.getElementById(alarmEqpStr[i]).style.backgroundColor = "#800000";colorFlag = 0;}}}
}

setInterval("changeColor('" + alarmEqps +"','" + eqpStatusColors +"')", 2000);

注：这种方式在报警元素比较少的时候是可以的，但是元素过多就会出现问题，改变不及时下次改变又触发导致报警闪烁不明显。
方法二：
可以考虑获取到报警元素后，直接更改一次报警元素的背景，要达到闪烁目的，可以用动态图片代替，亲测可行，效果比较好。

function changeBackgroundColor(alarmEqps) {var alarmEqpStr = alarmEqps.split(",");var i;for (i=0; i< alarmEqpStr.length; i++) {if (null != alarmEqpStr[i] && alarmEqpStr[i] != "") {document.getElementById(alarmEqpStr[i]).style.backgroundImage = "url('alarmBackground.gif')";}}
}

changeBackgroundColor(alarmEqps);

例：用PS制作一个自己想要的动态图，如下动态图

添加页面报警闪烁效果相关推荐

为 TradingView 添加电话报警（纯文本格式）
TradingView 支持配置不同的报警条件,并通过邮件.App 推送等方式通知用户.通过饭碗警告(Fw: Alert),可以进一步升级为电话,实现更及时的股票.数字货币交易监控. TradingV ...
asp登录页面跳转到注册页面_Java 添加页面跳转按钮到PDF文档
概述当我们在查阅含有大量页面的PDF时,可通过在页面上添加跳转按钮来实现页面转换,以达到节约时间,提高效率的目的.本文将通过Java程序来演示如何给PDF文档添加页面跳转按钮.通常来说跳转可分为两种 ...
a标签跳转后返回原页面 layui_layui页面操作，点击一个添加页面，跳转有确定，然后点击确定后将选择的几个数据返回前一个页面获取值，然后ajax请求后台...
custUserIndex.html [添加页面代码] 受试者用户邮箱完成时间批量上传开始考试生成报告查看报告编辑删除 layui.config({ base: '/layuiadmi ...
datatables 添加时间按钮_Java 添加页面跳转按钮到PDF文档
概述当我们在查阅含有大量页面的PDF时,可通过在页面上添加跳转按钮来实现页面转换,以达到节约时间,提高效率的目的.本文将通过Java程序来演示如何给PDF文档添加页面跳转按钮.通常来说跳转可分为两种 ...
js html body onload,动态添加页面body OnLoad事件的简单js代码
代码如下: /** * 动态添加页面onload事件 * Edit www.jbxue.com */ if (window.attachEvent) { window.attachEvent(&quo ...
NLifeBill第四章添加页面
这一节主要记录添加页面的功能,其实在做这个添加页面浪费了我不少时间,因为这个里面我遇到了几个问题,不过最后都一一解决了. 阅读目录: 1.主要问题 2.解决第一个问题:Tags分类显示 3.解决第二个 ...
php ECShop form,在ecshop中添加页面并且实现后台管理
在ecshop中添加页面并且实现后台管理发布时间:2020-03-13 来源:未知点击: 次在在ecshop网店系统中中添加页面,并且实现后台管理,ecshop后台一共需要修改下面的四个文件 C ...
zabbix添加邮件报警机制
zabbix添加邮件报警机制作者:尹正杰还记得之前跟大家聊过的一个如何监控一个目录的话题吗?我们虽然监控出来数据了,也有数据了,但是,只是监控也没有用啊~因为我们不能24小时盯着屏幕然后出了事情 ...
pdfbox 第一页加内容_PDFBox添加页面
本文概述要在PDF文档中添加页面, 必须做两件事- 请按照以下步骤在PDF文档中添加页面- 建立文件创建属于包org.apache.pdfbox.pdmodel的PDDocument类的实例.通过 ...
js动态添加页面元素
在刚完成的作业中,使用的动态添加页面元素的代码: function add(name) {$("#list").append(" <a class='a' href ...

添加页面报警闪烁效果

添加页面报警闪烁效果相关推荐

最新文章

热门文章