定时随机排列你的DOM结构

r囧r小猫 2023-05-28 12:54 9阅读 0赞

> 此博客为胡搞的。。。当我们被测试弄的很难受的时候可以恶搞他一下。  
> 下方为恶搞代码。

代码：

// 获取父元素
    const body = document.getElementsByTagName('body')[0];
    // 获取子元素【笔者随机弄了三个进行演示】
    const searchDiv = document.getElementsByClassName('logo-search')[0];
    const navigationDiv = document.getElementsByClassName('navigation')[0];
    const mainDiv = document.getElementsByClassName('main')[0];
    
    // 定义更改布局的代码
    function RandomLayout(parentEvent, childsArr) { 
      function random(arr) { 
        let newArr = arr.slice();
        newArr.forEach((item, i) => { 
          let newIndex = Math.floor(Math.random() * newArr.length);
          let temp = newArr[newIndex];
          newArr[newIndex] = newArr[i];
          newArr[i] = temp;
        })
        return newArr;
      }
      const newChildsArr = random(childsArr);
      parentEvent.innerHtml = '';
      newChildsArr.forEach(item => { 
          parentEvent.appendChild(item);
      })
    }
    
    // 定义定时器
    const time = setInterval(() => { 
        RandomLayout(body, [searchDiv, navigationDiv, mainDiv])
    }, 2000);
    
    // 取消定时器
    clearInterval(time)

发表评论取消回复

表情：

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

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

相关阅读

相关 DOM结构树

DOM 继承关系，都是构造函数 ![1611745-20190828112610213-1715756331.png][] 转载于:https://www.cnbl

矫情吗；*/ 2023年08月17日 15:16/ 0 赞/ 109 阅读

相关定时随机排列你的DOM结构

> 此博客为胡搞的。。。当我们被测试弄的很难受的时候可以恶搞他一下。 > 下方为恶搞代码。代码： // 获取父元素 const body = docu

r囧r小猫/ 2023年05月28日 12:54/ 0 赞/ 10 阅读

相关 mysql 随机排列,mysql随机排序

需求：首页热门栏目需要随机显示几条信息方案1：order by rand()，全表扫描 SELECT SQL\_NO\_CACHE \ FROM \`house\_ren

灰太狼/ 2023年01月14日 04:53/ 0 赞/ 169 阅读

相关 ps随机排列_[PS]圆点随机不重叠排列脚本

首先特别感谢 ariex 兄和 tea00tea00 MM斑竹在算法方面的大力支持脚本尚在完善中，计划添加矩形样本的算法(目前只有圆形的算法)。偷懒没有在容错和测试方

亦凉/ 2022年10月31日 13:43/ 0 赞/ 238 阅读

相关 pandas 读取局域网文件_浅析pandas随机排列与随机抽样

随机排列利用 numpy.random.permutation() 函数，可以返回一个序列的随机排列。将此随机排列作为 take() 函数的参数，通过应用 take() 函

超、凢脫俗/ 2022年10月25日 11:20/ 0 赞/ 202 阅读

相关 JavaScript DOM 结构理解

DOM 节点（Node）树形图： ![这里写图片描述][Image 1] > `XML`：可自定义语法标签，且标签必须闭合，主要用于传输数据，类似JSON对象的结构，现

分手后的思念是犯贱/ 2022年05月29日 10:53/ 0 赞/ 224 阅读

相关 C# 泛型List随机排列

有时候得到了一个List，我想把它随机排列一下顺序。而且如果针对不同类型的List都能用，就要用到泛型。其实思想很简单，就是从原List中每次随机取一项，添加到新的List

悠悠/ 2022年04月12日 13:40/ 0 赞/ 282 阅读

相关 js随机排列图片顺序

随机排列 css { margin: 0; padding: 0;

短命女/ 2022年01月28日 00:25/ 0 赞/ 303 阅读

相关随机排列组合的输出

在算法的书本上描述了这样的一个问题：有3个白球，4个黑球，5个蓝球，请输出一共有多少种组合，与此同时，输出每一种组合的方式。这个问题，我一直都在思考，虽然我知道早已经有了答案。

我不是女神ヾ/ 2022年01月13日 14:11/ 0 赞/ 299 阅读

相关 C++数据结构--全排列

1.排列 n个元素的全排列种数等于n! Example:4个元素的所有24个排列 ![20130810121958562][] 可以使用树来设计排列的递归

青旅半醒/ 2021年11月05日 15:44/ 0 赞/ 306 阅读