判断两种颜色值是否为相似颜色

//Title : 判断两种颜色值是否为相似颜色
//Author : CnLei
//WebSite : http://www.cnlei.com
//真正应用时，请将alert()提示信息注释掉或删除掉
function isSimilarColor(sHexColorA,sHexColorB,nOffset){
this.offsetNum=Math.abs(nOffset);
this.offsetNum>255?this.offsetNum=this.offsetNum-256:"";
var arrNumA=[parseInt(sHexColorA.substring(0,2),16),
parseInt(sHexColorA.substring(2,4),16),
parseInt(sHexColorA.substring(4,6),16)];
var arrNumB=[parseInt(sHexColorB.substring(0,2),16),
parseInt(sHexColorB.substring(2,4),16),
parseInt(sHexColorB.substring(4,6),16)];
for (var i=0;ithis.offsetNum){
alert("不相似\n第"+i+"组的差值为:"+(arrNumA[i]-arrNumB[i])+",\n超过了最大误差:"+this.offsetNum);
return false;
};
}
alert("相似色\n"+sHexColorA+"\n"+sHexColorB)
return true;
}
isSimilarColor("FFFFFF","F0FFFE",10);

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • 判断两种颜色值是否为相似颜色

    //Title : 判断两种颜色值是否为相似颜色 //Author : CnLei //WebSite : http://www.cnlei.com //真正应用时,请将alert()提示信息注释掉或删除掉 function isSimilarColor(sHexColorA,sHexColorB,nOffset){ this.offsetNum=Math.abs(nOffset); this.offsetNum>255?this.offsetNum=this.offsetNum-256:"

  • JavaScript判断两种格式的输入日期的正确性的代码

    最简单的 复制代码 代码如下: function isValidDate(dateStr) {             var matchArray = dateStr.match(/^[0-9]+-[0-1][0-9]-[0-3][0-9]$/)             if (matchArray == null) {               alert("Invalid date: " + dateStr);               return false;      

  • JavaScript判断变量是否为undefined的两种写法区别

    JavaScript判断变量是否为undefined的两种写法区别

    工作中我们经常需要判断某个变量/属性是否为undefined.通常有两种写法 复制代码 代码如下: // 方式1 typeof age === 'undefined'; // 方式2 age === undefined 这两种写法有什么区别吗? 应该使用哪一种呢?看看下面的例子 复制代码 代码如下: typeof age === 'undefined'; // true 标识符 age 没有声明过,输出true. 再看另一个例子 复制代码 代码如下: age === undefined; //

  • PHP判断字符串长度的两种方法很实用

    php程序中字符串长度判断,可以使用strlen. 方法一: $str = 'aaaaaa'; if(strlen($str) > 6){ echo "字符串大于6"; } 方法二: if(isset($str{6}){ } 以上两种方法,第二种效率更高些. 在PHP中,所有的变量都是用一个结构-zval来保存的,strlen虽然是直接获取其中的len,但是仍然有一次函数调用,而isset是PHP的语法结构,所以更快!所以在判断字符串是否大于或小于多少个字符时可以使用第二种方法.

  • 通过JS和PHP两种方法判断用户请求时使用的浏览器类型

    在进行微信公众账号开发的时候,其中很大一块是微站点的开发,我们需要知道当前的浏览器是微信内置的浏览器,那么如何判断呢? 微信内置浏览器的 User Agent 如何判断微信内置浏览器,首先需要获取微信内置浏览器的User Agent,经过在 iPhone 上微信的浏览器的检测,它的 User Agent 是: Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko)

  • JavaScript判断数组重复内容的两种方法(推荐)

    JavaScript判断数组重复内容的两种方法(推荐)

    前言 一般,我们可能会给数组去重,这个操作并不复杂,执行一个循环就是了.现在,我要做的是,判断数组中是否有重复的内容,如果有,返回 true 否则,返回 false. 思路 把数组变成字符串 循环原数组,拿每一个字段和这个字符串进行比对,看是否有重复 如何拿A字符串和B字符串进行对比,并且要求判断出B字符串中包含过个A字符串呢? 方法一 indexOf() 和 lastIndexOf() 对比法. 首先,我们构建代码: var arr = ["aa","bb",&q

  • JQuery判断HTML元素是否存在的两种解决方法

    在工作中遇到这么一种情况,页面部分HTML元素是通过服务端语言根据不同情况控制显示不同内容的,然而在同一个页面某些情况在DOM准备好后需要用到Ajax跟服务端通讯,而有些情况不需要,那么我只想在页面存在我指定的HTML标记的时候我才触发Ajax部分,毕竟这样可以减轻服务器的负担,废话一大堆,转入正题: 其实解决JQuery判断元素是否存在的问题,方法很简单: if($("#abc").length >0) { ... } if($("#abc").html()

  • 使用JavaScript判断用户输入的是否为正整数(两种方法)

    在项目开发中,需要使用JavaScript验证用户输入的是否为正整数. 方法一: var type="^[0-9]*[1-9][0-9]*$"; var r=new RegExp(type); var flag=r.test(subjectHour.value); if(!flag){ alert("课时应为正整数"); subjectHour.focus(); return false; } 方法二: var type="^[0-9]*[1-9][0-9

  • 用JavaScript判断CSS浏览器类型前缀的两种方法

    用JavaScript判断CSS浏览器类型前缀的两种方法

    不管我们对浏览器类型前缀有多么的讨厌,我们都不得不每天面对它,否者有些东西不能正常工作.这些前缀的用法有两种:在CSS里(例如"-moz-")和在JS里.有一个神奇的 X-Tag 项目里有一段很聪明的JavaScript脚本,可以用来判断当前使用的是什么前缀--让我来展示它是如何工作的! 比如 CSS 前缀,IE 的是 "-ms-",旧版 Opera 的是 "-o-",Firefox 的是 "-moz-",Safari/Chr

  • js判断字符是否是汉字的两种方法小结

    有时需要判断一个字符是不是汉字,比如在用户输入含有中英文的内容时,需要判断是否超过规定长度就要用到.用 Javascript 判断通常有两种方法. 1.用正则表达式判断 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xml

随机推荐