如何使用Javascript随机更改背景颜色?

时间:2015-06-09 07:42:12

标签: javascript css html5

我想在用户刷新页面后更改背景颜色

3 个答案:

答案 0 :(得分:5)

你可以通过jQuery来做,请检查下面的代码:

$(document).ready(function() {
var randomColor = Math.floor(Math.random()*16777215).toString(16);
    $("#background").css("background-color", '#' + randomColor);
});

答案 1 :(得分:4)



<html>
<head>
<script type="text/javascript">
	function func()
	{
		//alert(getRandomColor());
		document.body.style.backgroundColor = getRandomColor();
	}
	
function getRandomColor() {
    var letters = "0123456789ABCDEF".split('');
    var color = "#";
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
}
</script>
</head>
<body onload="func()">

</body>
</html>
&#13;
&#13;
&#13;

答案 2 :(得分:4)

您必须为文档准备就绪的函数创建一个函数:

<script type="text/javascript>
    $(document).ready(function() {
    var random_color = get_random_color();
        $("#background").css("background-color", random_color);
    });
    function get_random_color() {
        var letters = '0123456789ABCDEF'.split('');
        var color = '#';
        for (var i = 0; i < 6; i++ ) {
            color += letters[Math.floor(Math.random() * 16)];
        }
        return color;
    }
</script>