- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
大家好,我喜欢在我的 WooCommerce 商店 (WordPress) 上使用假动态访客计数器,我喜欢在购买按钮下方添加,因此计数器如下所示:
在这个例子中,它有时会减少,有时会完全动态地增加。
我希望数字在 200-5000 之间运行,这样它就不会增加超过 5000,也不会减少到 200 以下,也不会立即从 500-200 下降,它应该是缓慢而稳定的增加和减少。
最佳答案
使用一些 JS 就可以实现这一点。使用 Math.random()
方法并使用 setInterval()
让计数每 n 秒更改一次。
function random(min,max)
{
return Math.floor(Math.random()*(max-min+1)+min);
}
var initial = random(500, 2000);
var count = initial;
setInterval(function() {
var variation = random(-5,5);
count += variation
console.log('You currently have ' + count + ' visitors')
}, 2000)
您可以更改变化(此处为 -5 到 5 之间)以及间隔(此处为每 2 秒一次)。
如果你使用JS请小心,你可以在源代码中看到代码...玩得开心。
<小时/>编辑
这是嵌入 HTML 中的代码,您可以更改间隔
(两次更新之间的毫秒数)和变化
(计数可以变化±)。您可能想要将间隔
更改为更高的值。
奖励:一些 CSS 样式
#counter-area {
padding: 2px;
background-color: rgba(205, 204, 204, 0.19);
border-radius: 2px;
width: 300px;
height: 30px;
line-height: 30px;
text-align: center;
}
#counter {
color: white;
background-color: red;
padding: 4px 6px;
border-radius: 5px;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<div id="counter-area">Real time <span id="counter"></span> visitors right now</div>
</body>
<script>
function r(t,r){return Math.floor(Math.random()*(r-t+1)+t)}var interval=2e3,variation=5,c=r(500,2e3);$("#counter").text(c),setInterval(function(){var t=r(-variation,variation);c+=t,$("#counter").text(c)},interval);
</script>
</html>
关于php - 如何构建动态访客计数器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45577034/
我正在尝试为访问者获取真实IP 当我在 php 中回显时,它为我获取了我的真实IP echo $_SERVER['REMOTE_ADDRESS']; 但是当我尝试在 jQuery 中执行此操作时: $
我目前正在尝试在 Antlr4 Visitor 的帮助下开发一个 JavaScript 编译器。我已经用 Java 实现了这个,但无法弄清楚如何在 JavaScript 中执行此操作。也许有人可以回答
跟踪有多少用户和 guest 在线的最佳方法是什么?我正在制作一个有趣和学习的论坛 现在,我在用户表中有 2 个字段,名为 is_online 和 last_access_time。 如果当前时间是
如何在 Magento 中获取访客 ID?我在管理中的“客户”>“ guest ”下看到它,但如何将其打印在前端的页面上? 我为老客户找到了这个: getId(); ?> 最佳答案 $visitorD
您好,我想为客人设置 session ,我编写了应该执行此操作的脚本,并且确实如此,但仅插入到表部分...我不知道为什么脚本不想设置 session ,如果他拥有所有信息。 最佳答案 在第二个查询中
我想通过继承扩展已声明的访问者,并让运行时环境搜索访问者的后代以执行正确的方法。我可以在 C# 中使用它,但我希望在 C++ 中使用它。我在 g++ 中尝试了以下代码,但未调用后代方法;仅调用基类的方
本文实例讲述了php获取指定(访客)IP所有信息(地址、邮政编码、国家、经纬度等)的方法。分享给大家供大家参考。具体如下: 调用方法非常简单。这个也需要数据库来支持。数据库中中文和拼音共存才可以。
我知道这可以在 mysql 中完成,但我希望将 IP 存储在 php 或文本文件中,这对我来说有点困难,因为我不太理解它。 $SESSION 是用来记录日志的,但是如何在点击 html 按钮后将其存储
我正在创建一个 friend 系统,当用户访问另一个用户的个人资料时,他们会看到一个添加 friend 选项,当他们访问自己的个人资料时,他们可以看到其他东西而不是添加 friend 选项,如 TOT
我在我的 Windows 7 机器上使用 VMware 播放器将 Ubuntu 作为 guest 操作系统运行。我遇到的问题是在 Ubuntu 机器上同步时钟。仅当我关闭 VMware 播放器并打开暂
我正在使用虚拟机管理程序。在此我有 DOM0 操作系统,它正在使用 ttyS08250串口驱动。 在此操作系统上,我正在运行一个设备管理器应用程序,该应用程序启动 DOMU 内核,该内核在 8250
我已经在使用 Hyper-V 的 Windows 10 主机系统上安装了 Ubuntu 18.04 作为 guest 系统,我想在全屏模式下使用 guest 系统。据我所知,要调整屏幕大小,我需要在增
MySQL 服务器上的访客数据库如下所示id 是主键整数类型,firstname 和 lastname 是文本类型,访客 id 是整数类型 id firstname lastname
我是一名优秀的程序员,十分优秀!