html生成随机色块

小咪咪 2022-06-09 05:18 234阅读 0赞

请引入jquery，现成demo下载，[请点击此处][Link 1]

效果图：

![Center][]

源码：

<script type="text/javascript" src="jquery-1.3.1.js"></script>
    <script>
    	
    	
    	$(function(){
    	
    		var flag = 1;
    		var time;
    	
    		function test(){
    			
    			flag++;
    			if(flag>36)
    			{
    				//clearInterval(time);
    			}
    			
    			var a=Math.round(Math.random()*0x1000000);//Math.random()是令系统随机选取0-1之间的14位的随机数。是flash语言常用代码。
    			
    			var c="00000".concat(a.toString(16));//a.toString(16)转换为16进制        concat() 方法用于连接两个或多个数组
    			
    			var bg = "#"+c.substr(c.length-6,6);//stringObject.substr(start,length)  保证截取六位16进制数
    			
    			
    			$("#tex").append("<div style='width:100px;height:30px;float:left;margin-top:5px;background:"+bg+"'></div>");
    			
    			$("#tex").animate({scrollTop:$("#tex")[0].scrollHeight},10);
    	
    		}
    		time = setInterval(test,10);
    	});
    	
    		
    </script>
    <div id="tex" style="width:600px;height:500px;overflow-y:auto">
    </div>

[Link 1]: http://download.csdn.net/download/hgg923/6812375
[Center]: /images/20220609/171a1d7046364846af5f77996b305d09.png

发表评论取消回复

表情：

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

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

相关阅读

相关 Qt设置随机色

include "widget.h" include "ui_widget.h" include <QTime> include <QTim...

╰半橙微兮°/ 2024年04月18日 09:24/ 0 赞/ 46 阅读

相关第十章用数组实现随机生成双色球号码

源代码： package cn.doy11; import javax.swing.; import java.util.Arrays;

柔情只为你懂/ 2024年03月16日 18:11/ 0 赞/ 40 阅读

相关绘图 | G2色块图

看到很多论文中都引用了一个图， ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmN

今天药忘吃喽~/ 2022年12月13日 04:53/ 0 赞/ 162 阅读

相关找色块小游戏

[点此试玩][Link 1] / Created by 韩吉鑫 on 2017/8/7. / window.Findcolor=window.Findcolor

灰太狼/ 2022年06月10日 01:54/ 0 赞/ 191 阅读

相关找色块小游戏

点此试玩 / Created by 韩吉鑫 on 2017/8/7. / window.Findcolor=window.Findc

傷城~/ 2022年06月10日 01:54/ 0 赞/ 176 阅读

相关 html生成随机色块

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

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

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

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

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

相关 securecrt ANSI Color色块

securecrt ANSI Color色块 ![这里写图片描述][70] [secureCRT,永久设置,保护眼睛,配色方案][secureCRT] [https:

偏执的太偏执、/ 2022年05月22日 10:45/ 0 赞/ 142 阅读

相关随机生成随机串

<1>js生成uuid的四种方法全局唯一标识符（GUID，Globally Unique Identifier）也称作 UUID(Universally Unique

叁歲伎倆/ 2022年05月09日 02:18/ 0 赞/ 432 阅读

相关生成随机中文

/ 生成随机的中文组合 @param len 需要生成的文字长度

不念不忘少年蓝@/ 2021年10月14日 22:27/ 0 赞/ 352 阅读