js 翻轉顏色實現(xiàn)代碼

更新時間：2010年03月16日 18:41:08 作者：

將#ffffff轉換成rgb(0,0,0)格式的顏色代碼，需要的朋友可以參考下。

function reverseColor(rgbColor) {//205,15,20 
// console.log(rgbColor); 
rgbColor = rgbColor.replace(/\s/g, ""); 
var arrRGB = new Array(3); 
if (rgbColor.indexOf("rgb") > -1) { 
var colorReg = /\s*\d+,\s*\d+,\s*\d+/i; 
var t = colorReg.exec(rgbColor)[0].split(","); 
console.log(t); 
for (var i = 0; i < arrRGB.length; i++) { 
arrRGB[i] = 255 - t[i]; 
} 
} 
else if (rgbColor.indexOf("#") > -1) { 
if (rgbColor.length > 4)//"#fc0,#ffcc00" 
{ 
var j = 1; 
for (var i = 0; i < arrRGB.length; i++) { 
arrRGB[i] = 255 - parseInt(rgbColor.substr((i + j), 2), 16); 
j += 1; 
} 
} else { 
for (var i = 0; i < arrRGB.length; i++) { 
var t = rgbColor.substr((i + 1), 1); 
t = t + t; 
arrRGB[i] = 255 - parseInt(t, 16); 
} 
} 
} 
return "rgb(" + arrRGB.join(",") + ")"; 
}

演示代碼:

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

JS實現(xiàn)上傳文件顯示進度條
這篇文章主要為大家詳細介紹了JS實現(xiàn)上傳文件顯示進度條，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07
詳解微信小程序之一鍵復制到剪切板
這篇文章主要介紹了微信小程序一鍵復制到剪切板，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-04-04
javascript 動態(tài)生成私有變量訪問器
創(chuàng)建一個新的用戶對象，接受一個有許多屬性的對象作為參數(shù)
2009-12-12
ES6中l(wèi)et、const的區(qū)別及變量的解構賦值操作方法實例分析
這篇文章主要介紹了ES6中l(wèi)et、const的區(qū)別及變量的解構賦值操作方法,結合實例形式分析了ES6中l(wèi)et、const的功能、原理、使用方法及數(shù)組、字符串、函數(shù)參數(shù)等解構賦值相關操作技巧,需要的朋友可以參考下
2019-10-10
一個網(wǎng)頁標題title的閃動提示效果實現(xiàn)思路
通過網(wǎng)頁title來提示用戶有新消息這個功能很常見，下面有個不錯的示例，大家可以參考下
2014-03-03
JavaScript獲取ul中l(wèi)i個數(shù)的方法
這篇文章主要介紹了JavaScript獲取ul中l(wèi)i個數(shù)的方法,涉及javascript針對頁面HTML元素的獲取及屬性操作相關技巧,需要的朋友可以參考下
2017-02-02
js將當前時間格式轉換成時間搓(自寫)
將時間轉換成時間搓的方法有很多，在本文為大家介紹下使用js將當前時間轉換成時間搓例如2013-09-11 12:12:12，感興趣的朋友可以參考下
2013-09-09
laydate.js日期時間選擇插件
這篇文章主要為大家詳細介紹了laydate.js日期時間選擇插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01
javascript實現(xiàn)倒計時跳轉頁面
本文給大家介紹了如何使用javascript實現(xiàn)倒計時跳轉到其他頁面的方法以及實現(xiàn)原理，非常的簡單實用，有需要的小伙伴可以參考下。
2016-01-01
ES6?關鍵字?let?和?ES5?及關鍵字?var?的區(qū)別解析
var可以穿透控制語句、條件語句這樣的作用域，導致變量沖突經(jīng)常發(fā)生，這篇文章主要介紹了ES6?關鍵字?let?和?ES5?及關鍵字?var?的區(qū)別,需要的朋友可以參考下
2022-09-09