JQ div随机显示背景色/取整函数/

最新推荐文章于 2021-11-03 21:22:24 发布

D000

最新推荐文章于 2021-11-03 21:22:24 发布

阅读量2k

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/u011171159/article/details/52128739

版权

jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

上代码栗子

<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
<title>无标题文档</title>
<style>
    #box{
        width: 500px;
        height:500px;
        overflow: hidden;
        border: 1px solid #ddd
    }
    img{max-width: 100%;}
</style>
</head>
<script language="JavaScript">

function rand(number) {
    return Math.floor(Math.random()*number);
};

$(function(){
    var arr = ['red','blue','yellow','green','black','pink','orange'];
    var arrLength = arr.length;
    $('#box').css('backgroundColor',arr[rand(arrLength)]);  //取值0~6

})
</script>

<body>
    <div id="box"></div>
</body>
</html>

取整函数

function rand(number) {
    return Math.floor(Math.random()*number);
};

这里写图片描述

数组索引是从0开始的
如果是Math.round() 你会得到1-7 , 而不是0-6
div颜色可能会得到undefined
用floor，可以得到0-6

D000

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JQ div随机显示背景色/取整函数/

上代码栗子<!DOCTYPE html ><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script><title>无标题文档</title>
复制链接

扫一扫

专栏目录