[CSS 3 + JS] Create a Function to Convert JS Numbers into CSS Hex Colors
2023-09-14 08:59:13 时间
JavaScript numbers and CSS hexadecimal numbers don't play very well together. You can solve this with a conversion function that takes the number, converts it to a string, then pads the string with the necessary zeroes at the start using padStart
.
let blue = 0x0000ff let green = 0x00ff00 let red = 0xff0000 console.log(255 === 0xff) let toHex = color => `#${color.toString(16).padStart(6, "0")}` document.body.style.backgroundColor = toHex(red)
相关文章
- 几个js实用代码——动态加载时间、滚动条优化、两个数组转化为map对象等
- 导航栏滚动渐变效果 html+css+js
- Module build failed (from ./node_modules/babel-loader/lib/index.js)
- 怎么创建css样式表,怎样创建可反复使用的外部CSS样式表?[通俗易懂]
- 原生HTML+CSS+JS制作自己的导航主页(前端大作业,源码+步骤详解)
- css+js 实现一行多个盒子块元素响应式布局
- js异步编程面试题你能答上来几道
- js / css 设置div不可点击
- vue引入js文件并使用_css引入js
- html+css+js+python(QtWebEngineWidgets) 实现微信聊天界面-包括时间,文件,纯文本等
- JS动态引入js、CSS动态创建script/link/style标签详解编程语言
- 属性Oracle的CSS属性:让你的网站更出彩(oracle的css)
- js让Linux支持Node.js:灵活融合的魔力(linuxnode)
- 脚本吧-幻宇工作室用到js,超强推荐base.js
- 杨氏矩阵查找的JS代码
- js原生appendChild的bug解决心得分享
- js替换字符串的所有示例代码
- JS小功能(操作Table--动态添加删除表格及数据)实现代码
- 动态加载dtree.js树treeview(示例代码)
- js动态调用css属性的小规律及实例说明
- js获取下拉列表框<option>中的value和text的值示例代码
- 点击button获取text内容并改变样式的js实现