文字颜色随机变换

<body>
<p id="p">欢迎各位读者学习Javascript这门语言!欢迎各位读者学习Javascript这门语言!</p>
</body>
<script>
第一种方法:既然是颜色随机,那就是颜色是变化值,颜色"#000000"有6个随机的数值0-9 1-f之间随机;设置一个数组,包含0-9a-f的值;
//var arr = ["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];
//var p = document.getElementById("p");
//setInterval(function(){
//    p.style.color = getColor(arr);
//},500);
//function getColor(arr){
//    var color = "#";
//    //    循环arr;
//    for(var i = 0;i<6;i++){
        设置这16个数的随机数
//        var num = parseInt(Math.random()*2000%16);
//        color+=arr[num];
//    }
//    return color;
//}


//第二种方法;根据rgb(0,0,0)是0-255之间的随机数

//    随机值函数;
var p = document.getElementById("p");
setInterval(function(){
    p.style.color = "rgb("+rand(0,255)+","+rand(0,255)+","+rand(0,255)+")";
},500)

    function rand(n,m){
        var num = Math.floor(Math.random()*(m-n+1)+n);
        return num;
    }



</script>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值