<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>按钮随机颜色测试</title>
</head>
<body>
<script type="text/javascript">
function getbuttom(){
var arr = []//定义一个空的数?
i =0;//为while循环定义i的初始?
C = '0123456789ABCDEFGHIJKLMN';//定义颜色代码的字符串
while(i++ < 6){//循环颜色的位数
x=Math.random()*16;//随机数给变量x
b=parseInt(x);//整数给变量b
c=C.substr(b,1);//由第b-16之间的整数）位开始取一个字?
arr.push(c);//通过6次循环得到的随机位置取得的字符组合在一起把值给到arr这个数组
}
var cl = "#"+ arr.join('');//去掉之前数组之间的符号，前面再加一个井号，这样颜色随机的颜色代码就生成了，并且把颜色代码赋值给变量cl
return cl;//把cl的值返回给函数getbuttom()
}
function setcolor_zzjs(){
document.getElementById("input_button").style.backgroundColor = getbuttom();
}
</script>
<input id="input_button" type="button" value="随机颜色变化" onClick="setcolor_zzjs()" />
</body>
</html>
分享到：
相关推荐
随机生成16进制的颜色，改变元件的颜色 // 将更改应用于显示对象 mc.transform.colorTransform=colorInfo;
主要为大家详细介绍了js实现点击按钮随机生成背景颜色，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
randomColorPractice 单击按钮时更改随机RGB颜色
Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何...
主要介绍了Javascript点击按钮随机改变数字和其字体的颜色，实现后的效果很不错，具有一定的参考价值，有需要的可以参考借鉴，下面来一起看看。
Javascript实用程序，可让您通过单击按钮滚动和突出显示随机的十六进制颜色值。 您可以使用它来滚动寻找可能启发您的下一个设计的颜色，或者当您对已经使用了很长时间的颜色感到无聊时，可以探索新的颜色。 要添加...
很久没有向大家分享关于CSS3按钮的动画特效了，今天就给大家带来8款超酷而实用的CSS3按钮动画，由于google...这是一款基于纯CSS3的发光按钮，按钮发光的颜色是随机的，这样一排按钮就显得五彩缤纷[......] 阅读全文>>
很好
主要介绍了JS实现点击按钮随机生成可拖动的不同颜色块,涉及javascript数值运算与页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
一款基于纯CSS3的发光按钮，按钮发光的颜色是随机的，这样一排按钮就显得五彩缤纷，非常绚丽。之前我们也介绍过不少样式很独特的CSS3按钮，比如纯CSS3 3D开关按钮、纯CSS3实现动感弹性按钮等，都非常不错，也有HTML5...
给myDiv设置随机背景颜色，用随机颜色代码赋值给DIV的背景颜色 <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312"/> <title>js设置...
一个使用css，html和javascript构建的应用程序，您可以通过按“生成”按钮来切换随机颜色，可以通过单击锁定符号来锁定所需的颜色，最后可以将所需的颜色复制到剪贴板上并粘贴他们随你想要的地方。 为了创建所有...
彩色拖鞋 简单的JS应用程序，它使用由随机数生成的随机颜色在按钮单击时翻转颜色。
#Hex Me！ 只需按一下按钮即可生成随机颜色的Android应用。 该应用程序将在背景中显示颜色，并以十六进制（RGB）格式提供颜色。 独特的按钮由 以下是使用2013 Nexus 7拍摄的一些屏幕截图：
CSS按钮生成器 一键生成随机CSS按钮！ 只需单击按钮以生成其新形状和颜色，然后复制其CSS规则即可使用它们。
(5)可以插入图片，设置字体字号颜色等。 2.点击【导入/更新文件】按钮，选择刚才那个Word文件。 3.在下拉列表中选定候选文本文件。 4.“屏蔽列表”里的内容将不会被抽出。 ★请留意“操作”菜单中所提示的热键...