开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

尝试在DIV中防止重复的随机项目

在DIV中防止重复的随机项目，可以通过以下步骤实现：

创建一个包含所有可能项目的数组，例如["项目1", "项目2", "项目3", ...]。
使用JavaScript的Math.random()函数生成一个随机数，然后将其乘以数组长度，再使用Math.floor()函数取整，得到一个随机索引值。
从数组中取出对应索引的项目，并将其显示在DIV中。
将已经显示的项目从数组中移除，以防止重复显示。
当数组中的项目都被显示完后，重新初始化数组，重新开始随机显示。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>随机项目</title>
  <style>
    #random-project {
      width: 200px;
      height: 100px;
      border: 1px solid black;
      padding: 10px;
    }
  </style>
</head>
<body>
  <div id="random-project"></div>

  <script>
    var projects = ["项目1", "项目2", "项目3", "项目4", "项目5"]; // 包含所有可能项目的数组

    function getRandomProject() {
      if (projects.length === 0) {
        projects = ["项目1", "项目2", "项目3", "项目4", "项目5"]; // 重新初始化数组
      }

      var randomIndex = Math.floor(Math.random() * projects.length); // 生成随机索引
      var project = projects[randomIndex]; // 获取随机项目

      projects.splice(randomIndex, 1); // 从数组中移除已显示的项目

      return project;
    }

    var div = document.getElementById("random-project");
    div.innerHTML = getRandomProject(); // 显示随机项目
  </script>
</body>
</html>

这段代码会在一个具有200px宽度和100px高度的DIV中显示随机项目。每次刷新页面或执行代码时，都会显示一个随机项目，直到所有项目都被显示完毕，然后重新开始显示。你可以根据实际需求修改项目数组和DIV样式。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

对于防止按钮重复点击的尝试

导语：随着接触的项目增加，很多项目都是遇到同样的问题，而每次都是使用一贯的手法进行处理。有时候有些方法并不是那么的优雅甚至有些冗余，所以自己也想开始尝试不同的方法去解决同样的问题。...我经常在项目中会遇到按钮重复点击后引起表单的重复点击问题。所以针对这个问题，自己尝试了几种办法分别去解决。直接上代码。 1.粗暴简单办法直接定义一个变量，每次点击过后等所有操作结束后释放变量。...得益于ES7和TS，装饰器在Angular和react中都有很多案例，因为Vue中Class不是必选，所以在Vue中很少看到使用装饰器的，得益于官方有vue-class-component来使用Class...感觉不足的是，装饰器里需要让this重新指回vue才能获取到vue的data 4.举一反三既然重复点击可以从业务代码中抽离出来，那我们提交表单的字段验证也就同样可以抽离出来了。...防抖方法是一个很好限制重复事件频繁触发的，经常用在scroll、resize事件上，也可以尝试用在重复点击上面。

1.7K1 0

集合中随机取不重复的索引

有时候希望从一个集合中随机取n个元素不重复那么就取到这n个数字的索引 public static int[] GetRandomArray(int Number, int minNum, int maxNum...j = j - 1; } } return b; } 注意重置随机数的种子...批量操作时候不会取到一样的 //提高随机数不重复概率的种子 static int GetRandomSeed() { byte[] bytes...public static int[] GetRandomArray(int Number, int minNum, int maxNum) 参数number 取几个索引 minnum 索引的最小值...(可取到) maxNum 索引的最大值(可取到的)

1.4K8 0

AI技术在公众气象服务中的尝试应用

将AI融入到天气预报、大气探测、天气预警以及天气服务中的尝试一直未间断。AI技术的应用背后是大数据的支撑和机器学习的广泛探索。...在复杂的大气物理、化学等机理研究难以取得突破时，融入AI技术是提升气象技术的有利补充。关于天气预报、探测等AI技术的应用上经验比较少，跟大家分享一下我参与实施的在公众气象服务中的一些尝试应用。...AI在公众气象服务中主要应用的技术如下： 1 智能推荐技术在针对公众旅游休闲的气象服务中，采用了监督式机器学习的人工智能算法，通过对用户喜爱的景区类型、休闲活动项目、出行方式等属性进行分析，综合考虑了天气...AI气象蜂可以在微社群中自动应答用户提问、自动推送预报、预警信息，实现分众化气象服务的自动应答功能，降低人工客服成本。...3 图像识别技术每年的花粉季提供的花粉浓度及花粉类别的观测和预报在时效和观测密度上还远远不能满足公众需求，因此我们尝试采用图像识别技术对气传花粉采集的图片进行自动识别，以降低人工成本和设备成本，提高观测密度

1.2K3 0

OWL 项目：物联网正尝试在灾难中让一切保持联络

OWL 项目负责人在最近的开源峰会上说，一个以多跳网络、物联网和 LoRa 连接为中心的开源项目可以帮助急救和受灾人员在自然灾害之后保持联系。...信息可以通过云在智能手机或者网页上进行可视化，甚至可以通过 API 插入到现有的系统中。...秘密在于“ 鸭群(ClusterDuck)” 协议，这是一个开源固件，即使在一些模块不能正常工作的网络中，它仍然能保持信息流通。...“我们的一些创始成员经历了这些灾难，然后我们会问‘我们该做些什么？’”，他说道。在马亚圭斯，该项目有一批来自波多黎各大学的学生和教授，大多数的系统测试都在那里进行。...Knouse 说，校园中目前有 17 个太阳能“鸭子”，分布在屋顶和树上，并且计划增加数量。他说，“这种关系实际上创建了一个开源社区，这些学生和教授正在帮助我们开发这个项目。”

4353 0

AI技术在公众气象服务中的尝试应用

将AI融入到天气预报、大气探测、天气预警以及天气服务中的尝试一直未间断。AI技术的应用背后是大数据的支撑和机器学习的广泛探索。...在复杂的大气物理、化学等机理研究难以取得突破时，融入AI技术是提升气象技术的有利补充。关于天气预报、探测等AI技术的应用上经验比较少，跟大家分享一下我参与实施的在公众气象服务中的一些尝试应用。...AI在公众气象服务中主要应用的技术如下： 1 智能推荐技术在针对公众旅游休闲的气象服务中，采用了监督式机器学习的人工智能算法，通过对用户喜爱的景区类型、休闲活动项目、出行方式等属性进行分析，综合考虑了天气...AI气象蜂可以在微社群中自动应答用户提问、自动推送预报、预警信息，实现分众化气象服务的自动应答功能，降低人工客服成本。...3 图像识别技术每年的花粉季提供的花粉浓度及花粉类别的观测和预报在时效和观测密度上还远远不能满足公众需求，因此我们尝试采用图像识别技术对气传花粉采集的图片进行自动识别，以降低人工成本和设备成本，提高观测密度

1.1K3 1

AI技术讲座精选：GAN 在 NLP 中的尝试

（NLP）中，因为 GANs 仅仅定义在真值数据中，GANs 通过训练出的生成器来产生合成数据，然后在合成数据上运行判别器，判别器的输出梯度将会告诉你，如何通过略微改变合成数据而使其更加现实。...因为所有的自然语言处理（NLP）的基础都是离散值，如“单词”、“字母”或者“音节”，没有人真正知道怎样才能在 NLP 中应用 GANs。...因此，在实际应用中还是存在一定的困难的。顺便说一下，VAEs 对可见的离散单元是有效的，但是对隐藏的离散单元却并不奏效（除非你在运用增强算法，比如 DARN 或者 NVIL）。...的论文，尝试将 GAN 理论应用到了文本生成任务上，他们的工作非常有特色，具体可以总结为：用到的判别器（Discriminator）是卷积神经网络（CNN），而不是递归神经网络（RNN），这可能是一个不错的选择...本文的初始化非常有意思，特别是在判别器的预训练方面，利用原始的句子和该句子中交换两个词的位置后得到的新句子进行判别训练。（在初始化的过程中，运用逐点分类损失函数对判别器进行优化）。

1.3K9 0

原生ES-Module在浏览器中的尝试

原生ES-Module在浏览器中的尝试其实浏览器原生模块相关的支持也已经出了一两年了（我第一次知道这个事情实在2016年下半年的时候）可以抛开webpack直接使用import之类的语法但因为算是一个比较新的东西...(至少一个是运行时解析的、一个是本地编译) 有效的module路径定义因为是在浏览器端的实现，不会像在node中，有全局module一说（全局对象都在window里了）。.../XXX/module.js' // 不被支持的写法 import module from 'XXX' import module from 'XXX/module.js' 在webpack打包的文件中.../defer/defer.js"> 为了测试上边的观点，在页面中引入了这样三个JS文件，三个文件都会输出一个字符串，在Console面板上看到的顺序是这样的： ?...行内script也会默认添加defer特性因为在普通的脚本中，defer关键字是只指针对脚本文件的，如果是inline-script，添加属性是不生效的。

1.2K3 0

随机获取某个集合中的某个元素，多次获取时不重复

譬如想随机获取某个集合中的某个数，用户多次请求时尽量不给用户返回重复的数。倘若用random的nextInt方法，当只有两三个元素时，则很可能多次请求返回的都是同一个，体验很差。...所以我们应该尽快让多次请求时，返回的不重复。...java.util.Collections; import java.util.List; import java.util.concurrent.CopyOnWriteArrayList; /** * 产生随机...public synchronized String getRandomElement() { if (dataList.isEmpty()) { // 如果列表中的元素已经用尽...// 移除并返回第一个元素 usedList.add(element); if (dataList.isEmpty()) { // 如果列表中的元素已经用尽

1421 0

shell脚本从自定义的值中随机抽取+不重复

/xx.sh 5 来随机出5次" echo "当前数组：${qiu[*]}" exit fi #不能超过数组长度 if [ $1 -ge ${qiu_chang} ];then echo "不能超过数组长度..." exit fi #根据下标来删除数组中的元素 for i in `seq 0 $1` do shu=`echo $[RANDOM%qiu_chang]` #输出一下 echo ${qiu[...$shu]} shuzu let qiu_chang-- done 日期：2018/6/12 介绍：从数组里随机抽一个，但不会重复，相比之下python比较好做出效果效果图：二.使用适用

3.2K1 0

Excel公式技巧19：在方形区域内填充不重复的随机整数

本文分享一个基于公式生成n×n随机整数的解决方案，并且每个整数都是唯一的。例如，下图1显示了生成10行10列的不重复随机整数。 ?...通常，将此矩阵放置在工作表中的某位置，对于输出结果的最左上角单元格的公式，引用的两个单元格区域包括： 1）10×10的单元格区域从最左上角的单元格正下方的单元格开始，向下并向右延伸。...例如，在单元格C8中的公式： =SMALL(IF(FREQUENCY(($A9:$J$11,D8:$K8),ROW(INDIRECT("1:99"))-1)=0,ROW(INDIRECT("1:100"...，剩下的就是从此数组中随机选择一个数值。...实现这一目标的一种方法是将上述数组传递给SMALL函数，并指定参数k的值为合适的随机数。

1.1K2 0

快速在组合中查找重复和遗失的元素

4.3K4 0

在实验 vue3.2中的时，关于...toRefs的应用尝试

介绍了一下script setup的基本使用方式，而后这两天在实际用它的过程中，发现在script setup中...toRefs很有意思，今天这里就给大家分享分享，如哪里有误欢迎指出，大佬勿喷二、script...setup中的...toRefs 大家都知道在setup的这种写法中，我们可以将定义的响应式对象通过...toRefs的方式将这个响应式对象中的每个属性变为一个响应式数据 import...点我复制代码那我们都知道在使用script setup时，声明的顶层的绑定 (包括声明的变量，函数声明，以及 import 引入的内容) 都能在模板中直接使用，不再需要使用...我们来试一试尝试一首先想到的是在写script setup时我们还可以写普通的script标签那我们在这个普通的script标签里写setup并定义响应式对象，然后在通过return暴露给组件模板...在实际的业务中，第三种方式应该也足够我们使用。

4.7K2 0

威胁情报在态势感知系统中的一种落地尝试

前言在态势感知火热、威胁情报赚足眼球的今天，这两个信息安全领域当红小生发生碰撞，会产生怎样的火花呢？下面我根据手头上的项目，介绍一种威胁情报在态势感知系统中的落地方案，为大家提供一种思路。...在一个完整的态势感知系统中，我们能得到两个结果，一个是当前网络安全态势，另一个就是未来安全态势的变化趋势，也就是态势预测的结果。 ?...在具体实现中，使用了STIX格式的威胁情报，有两种威胁情报来源，一种就是订阅得到的外源威胁情报，另一种是系统内部的内源威胁情报，通过系统内部部署的检测设备得到，内源威胁情报与外源威胁情报统一成STIX格式...在威胁情报筛选后，就到了最终的方法——预测。在方法上，利用关联分析、模式识别和机器学习的方法处理外源威胁情报得到样本库。训练的主要分析对象是威胁情报中要素之间关系，而不是单纯的要素匹配。...还是STIX文档中的东西，表中列出了部分relationship。 3. 系统架构在威胁情报筛选之后，最主要的算法就是利用机器学习进行威胁情报分类，利用相同类别的威胁情报上下文分析潜在威胁。

1.7K5 2

多因子尝试（一）：因子加权方法在选股中的应用

之前在A股动量与反转的实证过程中，提到了因子择时和风格轮动的重要性，本篇算是对因子择时的一个小小的尝试，没有什么创新性，只是把现在比较传统的方法都拿来试了一遍，目前没有能力创造方法，只做方法的搬运工。...最大化IR加权这种方法相较于ICIR，额外考虑了因子间的相关性，如果因子间存在较高相关性，会导致风险的重复暴露，在因子表现好的时候收益更大，因子表现差的时候损失也更大，对于这种情况，一般会通过因子正交化的方式进行处理...（正在尝试中）。...并且这次尝试只取了三个因子，并不能够非常全面的刻画市场的风格，还有待其他尝试。更细致的结果（更多因子组合的结果）可以参见参考文献报告。...参考文献安信证券－多因子系列报告之一：基于因子IC的多因子模型金融工程-半衰IC加权在多因子选股中的应用

6.2K3 1

scss在项目实战中的使用

变量使用全局使用：使用$varaible格式定义变量，比如全局的主题色，可在common.scss中定义，通过@import的方式引用即可局部使用：在本文件中创建变量$themeColor =...混合使用(mixins) 可在common.scss中使用@mixin varibaleName{}的方式定义多次重复使用的样式，通过@include的方式应用。...还可以使用@mixin varibaleName(varib1 varib2 varib3){} 的方式传入自定义的属性，进行代码复用，比如可以将 flex布局使用mixin的形式，传入变量使用。...嵌套嵌套功能避免了重复输入父选择器，令复杂的CSS结果更易于管理。...导入 @import 导入，文件扩展名为.scss或.sass 可同时导入多个文件 @import ‘bar’,‘foo’; &使用在嵌套 CSS 规则时，有时也需要直接使用嵌套外层的父选择器

1.5K4 0

全代码 | 随机森林在回归分析中的经典应用

我们尝试利用机器学习中的随机森林算法预测下，是否存在某些指标或指标组合可以预测阅读后关注人数。数据格式和读入数据数据集包括1588篇文章的9个统计指标。...119 ## 4 116 ## 5 105 ## 6 100 样品筛选和排序样本表和表达表中的样本顺序对齐一致也是需要确保的一个操作...(feature_mat, metadata[[group]]) 查看下初步结果, 随机森林类型判断为分类，构建了500棵树，每次决策时从随机选择的3个指标中做最优决策 (mtry)，平均平方残基 Mean...随机森林回归模型预测出的值不会超出训练集中响应变量的取值范围，不能用于外推。...个机器学习R包，这也太赞了吧基于Caret和RandomForest包进行随机森林分析的一般步骤（1） Caret模型训练和调参更多参数解读(2) 基于Caret进行随机森林随机调参的4种方式机器学习第

6123 0

在一个排序的链表中，存在重复的结点，请删除该链表中重复的结点，重复的结点不保留，返回链表头指针。

例如链表1->2->3->3->4->4->5 处理后为 1->2->5 public ListNode deleteDuplication(Lis...

1.1K1 0

由表单验证说起，关于在C#中尝试链式编程的实践

在web开发中必不可少的会遇到表单验证的问题，为避免数据在写入到数据库时出现异常，一般比较安全的做法是前端会先做一次验证，通过后把数据提交到后端再验证一次，因为仅仅靠前端验证是不安全的，有太多的http...这里举一个项目中真实的注册场景，账号注册主要包含2个信息：手机号和验证码，因为我这里是用webapi的post方式从前端拿数据，所以封装成了一个MemberRegister对象。...其实C#里也有类似的用法，比如Linq里面的xxxx.Where().OrderBy().Select()这种，但是这种实际上每次返回的都是不同的对象，然后执行对象里的方法，这并不适合我的需求，因为我执行的验证方法肯定都是同一个...string.IsNullOrEmpty(m.CodeValue), ResponseTip.ValidateCodeRequired) .Errors; 理想中的情况是...不知所措的时候，断点跟了一下出错的代码，发现报错的地方是在执行if (!

1.2K3 0

VBA自定义函数：在单元格区域中创建不重复的随机数

标签：VBA，自定义函数有时候，我们需要创建一组不重复的随机组，例如在指定单元格区域中创建一组不重复的随机数用于模拟数据分析。下面的一个VBA自定义函数，可用于创建指定数值范围的不重复随机数。...As Long '要选择的随机值数目 (默认为全部) Dim TempArray_Source() '保存最小值到最大值的源列表 Dim TempArray_Result...() '保存随机选择的结果 (随机排序) Dim SrcULimit As Long '源数组的上限....用于消除重复 Dim UsedSourceNo As Long '从源数组中随机选择....1至10000之间的不重复随机数，调用RandomSeq函数并实现目标的代码如下： Sub RandomSeq_Example_Usage() Dim TestArray() Dim DestRange

2901 0

在指定的范围内，生成不重复的随机数序列（排除法，筛选法）

在指定的范围内，生成不重复的随机数序列（排除法，筛选法） import java.util.ArrayList; import java.util.List; import java.util.Random...; /** 在指定的范围内，生成不重复的随机数序列 */ public class UnrepeatRandomNumber { private int min; private int max;...随机生成数字，如果是新生成的数字，则放到结果列表种否则是已经生成过的，则不加入结果列表，继续随机生成。...将所有可能被生成的数字放到一个候选列表中。然后生成随机数，作为下标，将候选列表中相应下标的数字放到放到结果列表中，同时，把它在候选列表中删除。...// 第二种方法利用Random对象生成的随机数的次数比较少，需要多少个，就生成多少个，保证了每次生成的数字都不重复。 // 也就是说第一种方法在时间花费上更多。

1.4K0 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭