如是使用JS實現頁面內容隨機顯示

2021-10-01 01:11:38 字數 557 閱讀 5695

之前有個客戶諮詢我,因為他們公司的業務員有多個人,但公司**的****板塊裡只夠放乙個人的資訊,所以就想能不能實現這個****資訊隨機顯示,對於業務或客服人員來說也能做到分配均勻公平。本文我們將和大家一起分享,如何使用js控制實現頁面內容隨機顯示。

這裡我以本地的蟬知建站系統為例,給大家演示一下實現流程。

首先將想要顯示的不同內容分別放到不同的盒子裡(div),並用id屬性標記好。例如:

聯絡人:張三

qq:319972959

聯絡人:李四

qq:1749999398

聯絡人:王五

qq:1481456768

然後通過js**來控制,**邏輯就是先將所有資訊隱藏,再獲取當前時間秒數,根據要顯示的資訊個數求餘,餘數的個數即資訊的個數,然後分別對應顯示。**如下:

$(document).ready(function()

);

我們一起來看一下前台效果:

如是使用JS實現頁面內容隨機顯示

之前有個客戶諮詢我,因為他們公司的業務員有多個人,但公司 的 板塊裡只夠放乙個人的資訊,所以就想能不能實現這個 資訊隨機顯示,對於業務或客服人員來說也能做到分配均勻公平。本文我們將和大家一起分享,如何使用js控制實現頁面內容隨機顯示。這裡我以本地的蟬知建站系統為例,給大家演示一下實現流程。首先將想要...

實現 textarea隨內容高度自動變化

原理 生成乙個新的textarea,不停獲取當前textarea最新的值,然後計算高度賦給當前的textarea var addhandler window.addeventlistener?function elem,event,handler function elem,event,handle...

JS實現物體隨滑鼠旋轉

首先,需要乙個可旋轉的物件,該物件包含使用canvas上下文在canvas上繪製乙個箭頭的功能。由於該箭頭會重複使用,我們將其封裝為乙個類,將以下 新增到arrow.js檔案中,把該檔案匯入 html 主檔案中 function arrow arrow.prototype.draw function...