javascript - 如何更改样式并测试每个页面重新加载

Question

对于每次重新加载，我想更改文本，并且我想更改背景颜色我该怎么做？我也可以使用 PHP。我不需要这个编码 PHP 的东西以下是我的代码的骨架

CSS

.rotate
{
    background-color:#9C6;
}

Javascript

$(document).ready(function(){
    $('#myTxt').html("hai");
});

html

<div class="rotate" style="border: 1px red solid; height:100px; width:200px;">
   <span id="myTxt"></span>
</div>

Answer 1

在 HTML 文件中使用 PHP：

<?php $colors = array("#f00", "#0f0", "#00f", "#c0c0c0", "#abcdef"); ?>
  <style>
    .rotate
    {
        background-color:<?php echo $colors[array_rand($colors)] ?>;
    }
    </style>

Answer 2

取一个array颜色和文字内容来动态改变里面的内容和文字div

String colors = ["red","green","blue",....up to 11];
String text = ["Murali","Bobby","Candy"....up to 11];

var x = Math.floor((Math.random()*10)+1);
$('#myTxt').html(text[x]);
$(".rotate").css("backgroundColor",colors[x]);