该博客展示了一段利用JavaScript实现随机背景色效果的代码。通过定义setcolor函数生成随机颜色，并使用定时器每1000ms执行一次该函数。同时利用HTML的frameset和frame标签创建框架布局，在页面加载时对每个框架应用随机背景色。
<html>
<head>
<title>Untitled Document</title>
<script language="javascript">
function setcolor(w)
{
var r=Math.floor((Math.random()*256)).toString(16);
var g=Math.floor((Math.random()*256)).toString(16);
var b=Math.floor((Math.random()*256)).toString(16);
var color='#'+r+g+b;
w.document.writeln('<body bgcolor="'+color+'"></body>');
w.document.close();
w.setTimeout('parent.setcolor(parent.'+w.name+')',1000); //用定时器使函数setcolor在后台每1000ms执行一次
}
</script>
</head>
<frameset rows="33%,33%,34%" cols="33%,33%,34%" onLoad="for(var i=0;i<9;i++) setcolor(frames[i]);">
<frame src="javascript:''" name="f1">
<frame src="javascript:''" name="f2">
<frame src="javascript:''" name="f3">
<frame src="javascript:''" name="f4">
<frame src="javascript:''" name="f5">
<frame src="javascript:''" name="f6">
<frame src="javascript:''" name="f7">
<frame src="javascript:''" name="f8">
<frame src="javascript:''" name="f9">
</frameset><noframes></noframes>
</html>
<head>
<title>Untitled Document</title>
<script language="javascript">
function setcolor(w)
{
var r=Math.floor((Math.random()*256)).toString(16);
var g=Math.floor((Math.random()*256)).toString(16);
var b=Math.floor((Math.random()*256)).toString(16);
var color='#'+r+g+b;
w.document.writeln('<body bgcolor="'+color+'"></body>');
w.document.close();
w.setTimeout('parent.setcolor(parent.'+w.name+')',1000); //用定时器使函数setcolor在后台每1000ms执行一次
}
</script>
</head>
<frameset rows="33%,33%,34%" cols="33%,33%,34%" onLoad="for(var i=0;i<9;i++) setcolor(frames[i]);">
<frame src="javascript:''" name="f1">
<frame src="javascript:''" name="f2">
<frame src="javascript:''" name="f3">
<frame src="javascript:''" name="f4">
<frame src="javascript:''" name="f5">
<frame src="javascript:''" name="f6">
<frame src="javascript:''" name="f7">
<frame src="javascript:''" name="f8">
<frame src="javascript:''" name="f9">
</frameset><noframes></noframes>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
