javaScript:转换十六进制（change color）

最新推荐文章于 2024-08-25 09:57:22 发布
最新推荐文章于 2024-08-25 09:57:22 发布
阅读量1.1k 收藏
点赞数
文章标签： javascript function xhtml html 文档 c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/goushaoping04/article/details/1195453
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
var myRed=0;
var myGreen=0;
var myBlue=0;
var ntime=1;

function myBBgColor()
{
 if(ntime==1)
 {
  myRed++;
  if(myRed>=255)
  {
   myRed=0;
   ntime=2;
  }
 }
 if(ntime==2)
 {
  myGreen++;
  if(myGreen>=255)
  {
   myGreen=0;
   ntime=3;
  }
 }
 if(ntime==3)
 {
  myBlue++;
  if(myBlue>=255)
  {
   myBlue=0;
   ntime=1;
   myRed=0;
   myGreen=0;
   myBlue=0;
  }
 }
 
 document.bgColor="#"+tenTo16(myBlue)+tenTo16(myGreen)+tenTo16(myRed);
 //alert("#"+tenTo16(myBlue)+tenTo16(myGreen)+tenTo16(myRed));
 setTimeout("myBBgColor()",50);
}


function tenTo16(tenN)
{
 if(tenN<16)
 {
  return "0"+ox16(tenN);
 }
 else
 {
  var ch1="";
  var ch2="";
  
  ch1=ox16(tenN%16);
  ch2=ox16((tenN-tenN%16)/16);
  return ""+ch2+ch1;
 }
 
}

function ox16(x)
{
 if(x==10)
  return "A";
 if(x==11)
  return "B";
 if(x==12)
  return "C";
 if(x==13)
  return "D";
 if(x==14)
  return "E";
 if(x==15)
  return "F";
 if(x<10)
  return x;
 if(x==0)
  return "0";
 
 
}

</script>

</head>

<body οnlοad="myBBgColor()">

</body>
</html> 

goushaoping04
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Js 实现十六进制颜色值和RGB颜色值转换整理
qq_61538679的博客
05-06 1201
var colorChange = { rgbToHex: function (val) { //RGB(A)颜色转换为HEX十六进制的颜色值 var r, g, b, a, regRgba = /rgba?((\d{1,3}),(\d{1,3}),(\d{1,3})(,([.\d]+))?)/, //判断rgb颜色值格式的正则表达式，如rgba(255,20,10,.54) rsa = val.replace(/\s+/g, ‘’).match(regRgba); if (!!rsa) { r =
JS：颜色的格式转换（rgb、十六进制）
干饭搬砖两不误。
08-07 1622
偶尔需要转换颜色格式，然后使用。如rgb和十六进制之间的互相转换
ChangeColor
05-04
改变ListView某一行或几行字体颜色
change color
a594455873的专栏
03-23 128
关于DataGridView行和列的背景色-前景色设置 1.设定DataGridView全部单元格的Style DataGridView内所有单元格的Style变更，可以使用DataGridView对象的DefaultCellStyle属性实现。 1 2 3 4 5 //包含Header所有的单元格的背景色为黄色 DataGridV...
changecolor
Vivian_shuang的博客
07-13 1022
DOCTYPE html> html> head> meta charset="UTF-8"> title>title> style type="text/css"> #div1{ width: 100px; height: 100px; background-color: red; position: absolute; top: 100px; left:
JS改变页面颜色
刀刀宅
05-18 1449
简单的js改变颜色
JS之changeTDBackgroundColor()
让我们荡起双桨
08-07 1522
 一、函数说明/*  在项目的实际开发中此功能经常用到。  参数：       id:要操作的id      color:目标颜色*/function changeTDBackgroundColor(id,color){    document.getElementById(id).style.backgroundColor=color;}二、例
Hex-Change-Background-Color-Project：面向初学者的100个JavaScript项目中的第2个项目！ 随机十六进制更改背景颜色项目
02-15
"Hex-Change-Background-Color-Project"是一个简单的应用，它能够随机地改变网页的背景颜色，颜色值采用十六进制表示。这不仅涉及到JavaScript，还与HTML紧密相关，因为HTML是网页内容的基础框架。 在JavaScript中...
color_change：这是HEXColor的虚拟仓库
02-10
HEX（十六进制）颜色代码是一种用六位数字来表示颜色的系统，通常以“#”开头，例如“#FF0000”代表红色。这个“color_change”虚拟仓库则专门围绕HEXColor展开，为开发者和设计师提供相关工具和资源。 在HTML中，...
hex转换rgb_深入JavaScript：如何创建Hex2RGB颜色转换器
08-02 1104
hex转换rgbUpdate (23/07/2019): I have corrected a few grammatical errors and changed app.js code a bit by removing the checkBG function. 更新(23/07/2019)：我更正了一些语法错误，并通过删除checkBG函数对app.js代码进行了一些更改。 In th...
16进制编码转换工具.zip
06-28
16进制编码转换工具.zip
change_backgroundcolor
03-02
`，其中`color`可以是预定义的颜色名称（如`red`、`blue`），十六进制值（如`#FF0000`代表红色），RGB值（如`rgb(255, 0, 0)`），或RGBA值（增加了透明度的控制）等。 使用JavaScript来改变元素背景颜色，我们需要...
RGB_color_generator
03-13
6. **颜色转换**：有时可能需要将RGB值转换为其他颜色模式，如十六进制（#RRGGBB）或HSL（色相、饱和度、亮度）。JavaScript库如`chroma-js`提供了方便的颜色转换功能。 7. **函数封装**：将颜色生成逻辑封装成函数...
鼠标事件案例—按钮切换背景颜色
csdn2479993071的博客
09-26 1075
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> function changeColor(str){ var body = document.getElementById("b");
js java 改变字体颜色,JS实现改变HTML上文字颜色和内容的方法
weixin_33481663的博客
03-12 581
本文实例讲述了JS实现改变HTML上文字颜色和内容的方法。分享给大家供大家参考，具体如下：1. JavaScript Day 1 // to change the color of an object.function changeColor(){x=document.getElementById("Id1");x.style.color="Red";}// to change the conte...
javascript高级程序设计-第四章
XIPIKER的博客
02-22 371
注 没有一节一节写的很详细，就总结一些常用的，给自己或者也一起在学习的朋友一起过过眼瘾，一起理理，喜欢的朋友可以点赞关注哦。 基本类型和引用类型的值 ECMAScript 变量可能包含两种不同数据类型的值：基本类型值和引用类型值。基本类型值指的是简单的数据段，而引用类型值指那些可能由多个值构成的对象。引用类型的值是保存在内存中的对象。与其他语言不同，JavaScript 不允许直接访问内存中...
html语言怎么改变字体颜色,JS实现改变HTML上文字颜色和内容的方法
weixin_42121272的博客
05-31 2051
本文实例讲述了JS实现改变HTML上文字颜色和内容的方法。分享给大家供大家参考，具体如下：1. JavaScript Day 1 // to change the color of an object.function changeColor(){x=document.getElementById("Id1");x.style.color="Red";}// to change the conte...
详解JS执行上下文(执行环境)
俗人
10-18 2701
我们在JS学习初期或者面试的时候常常会遇到考核变量提升的思考题。比如先来一个简单一点的 console.log(a); // 这里会打印出什么？ var a = 20; 变量提升:即将变量声明提升到它所在作用域的最开始的部分 函数提升:js中创建函数有两种方式：函数声明式和函数字面量式。只有函数声明才存在函数提升 暂时先不管这个例子,我们先引入一个JavaScript中最基础,但同时也是最重要的一个概念执行上下文(Execution Context)。 每次当控制器转到可执行代码的时候,就会进入.
vue ref和reactive区别
最新发布
灰海
08-25 372
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
编程语言实现：十六进制到十进制转换
"本文主要介绍了在Python、Java和JavaScript这三种编程语言中如何将十六进制数字转换为十进制的示例代码。通过具体的函数和方法，详细展示了每种语言的转换过程，并且提供了测试用例以验证转换的正确性。" 在计算机...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值