JavaScript 隔一秒随机生成一种背景色

快来打我* 2023-02-18 03:05 13阅读 0赞

JavaScript 隔一秒随机生成一种背景色

<html>
    	<head>
    		<meta charset="UTF-8">
    			<style>
    				div {
    					position: absolute;
    					width: 100px;
    					height: 100px;
    					top: 30px;
    					left: 40px;
    				}
    			</style>
    		<script>
    			
    			function randomNum(firstValue, lastValue) {
    				var choices = lastValue - firstValue;
    				return Math.floor(Math.random() * choices + firstValue);
    			}
    			
    			function changeColor() {
    				var colors = new Array("red", "green", "blue", "yellow", "black", "purple", "brown");
    				return colors[randomNum(0, colors.length - 1)];
    			}
    			
    			function divBackgroundColor() {
    				var div = document.getElementsByTagName("div")[0];
    				div.style.backgroundColor =  changeColor();
    			}
    			
    			function timeColor() {
    				divBackgroundColor();
    				setTimeout(timeColor, 1000);
    
    			}
    				
    			window.onload = timeColor;
    	
    		</script>
    	</head>
    	<body>
    		<div>
    		</div>
    	</body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，13人围观）

还没有评论，来说两句吧...

相关阅读

相关 linux crontab & 每隔10秒执行一次

linux下定时执行任务的方法在LINUX中你应该先输入crontab -e，然后就会有个vi编辑界面，再输入0 3 \ \ 1 /clearigame2内容到里面 :wq

﹏ヽ暗。殇╰゛Y/ 2023年10月17日 13:46/ 0 赞/ 134 阅读

相关 js生成rgb随机色（JavaScript函数生成rgb随即色）

定义函数方法方便调用： function choseRgb() { // Math.random是生成0-1之间的随机数

r囧r小猫/ 2023年10月02日 23:03/ 0 赞/ 18 阅读

相关 Javascript知识【案例：表格隔行换色】

目录 1，案例1：表格隔行换色 2，案例2：鼠标移入粉色，移出原色【基础+】 2.1：需求说明 2.2：前置知识：鼠标移入移出事件 2.3：前置拓展知识：this关键

朴灿烈づ我的快乐病毒、/ 2023年10月01日 23:22/ 0 赞/ 150 阅读

相关 JavaScript 隔一秒随机生成一种背景色

JavaScript 隔一秒随机生成一种背景色 <html>

快来打我*/ 2023年02月18日 03:05/ 0 赞/ 14 阅读

相关一种简单的随机多边形生成方法

文章目录搞CNN训练时候有时需要生成一些随机多变形的mask来用用，比如在分类算法中我们有时会随机将图像的一部分区域扣掉或填充为其他内容以模拟`遮挡`的情况。某些文章中

﹏ヽ暗。殇╰゛Y/ 2022年12月11日 06:25/ 0 赞/ 282 阅读

相关 python定时器每隔几秒执行一次

需求：每隔几秒查询一次数据方案：定时器：time，调用：time.sleep 代码示例如下： -- coding:utf-8 --

不念不忘少年蓝@/ 2022年08月28日 15:58/ 0 赞/ 392 阅读

相关 html生成随机色块

请引入jquery，现成demo下载，[请点击此处][Link 1] 效果图： ![Center][] 源码： <script type="te

小咪咪/ 2022年06月09日 05:18/ 0 赞/ 361 阅读

相关 javascript如何设置DIV背景色为随机色

摘要： javascript如何设置DIV背景色为随机色随机色有两种格式：效果预览：[http://wjf444128852.github.io/DEMOLIS

我不是女神ヾ/ 2022年06月06日 10:59/ 0 赞/ 580 阅读

相关 for循环、随机数、函数生成一排自定义石头房-地毯随机色

import random导入了随机模块 import mcpi.minecraft as minecraft import mcpi.block as

小灰灰/ 2022年06月03日 05:44/ 0 赞/ 87 阅读

相关 JavaScript jQuery隔行换色

<script type="text/javascript"> $(function() { //隔行变色 $("changeColor tr:

梦里梦外;/ 2022年04月03日 05:23/ 0 赞/ 437 阅读