<html>
    <head>
        <style>
            .block { width:20px; height:20px; float:left; border:1px; border-color: black;  border-style:solid; }
            .used { background-color: green }
            .expired { background-color: red }
            .free { background-color: grey }
        </style>
    </head>
    <body>
        <script language="javascript">
            var types = ['used', 'expired', 'free'];
            var i = 0;
            while (i < 256) {
                var type = Math.floor(Math.random() * 3); //rnd between 0-2
                var size = Math.floor(Math.random() * 20) + 1; //rnd  1-20
                while(size > 0 && i < 256) {
                    document.write('<div class="block ' + types[type] + '"></div>');
                    size = size - 1;
                    i = i + 1;
                }
            }
        </script>
    </body>
</html>

这里我只是随机生成256个块，随机使用或释放，每次最多20个块。归根结底，这只是一个用特定类生成<div>的问题，仅此而已。

它看起来像这样：

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15738517

复制

相似问题

问C#中的缓存模拟
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问C#中的缓存模拟EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问C#中的缓存模拟
EN