【实用随记】ajax动态显示用户数

最新推荐文章于 2021-08-06 15:05:17 发布
最新推荐文章于 2021-08-06 15:05:17 发布
阅读量536 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mercury8862/article/details/31360029
版权 
    function numberWithCommas(x) {
      return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    }
    function update() {
      $.ajax({
        type: "POST",
        url: "",
        data: {
          password: ""
        },
        dataType: "text",
        complete: function(data){
          $('body>div:first-child>span:first-child').text(numberWithCommas(data.responseText));
          setTimeout(update, 30000);
        }
      });
    }
    $(function () {
      update();
    });

     function startTime(){
        var today=new Date()
        var y=today.getFullYear()
        var d=today.getUTCDate()
        var mon=new Array(12)
            mon[0]="Jan."
            mon[1]="Feb."
            mon[2]="Mar."
            mon[3]="Apr."
            mon[4]="May."
            mon[5]="Jun."
            mon[6]="Jul."
            mon[7]="Aug."
            mon[8]="Sep."
            mon[9]="Oct."
            mon[10]="Nov."
            mon[11]="Dec."
        var month=mon[today.getUTCMonth()]
        var gmtHours = -today.getTimezoneOffset()/60
        var h=today.getHours()
        var m=today.getMinutes()
        var s=today.getSeconds()
        // add a zero in front of numbers<10
        m=checkTime(m)
        s=checkTime(s)
        //add a "+" in front of GMT time zone
        gmtHours=checkTimeZone(gmtHours)
        d=day(d)
        document.getElementById('timer').innerHTML='GMT'+' '+gmtHours+'  '+h+':'+m+':'+s+'  '+d+' '+month+' '+ y
        t=setTimeout('startTime()',500)
      }

      function checkTime(i){
        if(i<10){
          i="0" + i
        }
        return i
      }
      function checkTimeZone(i){
        if(i>0){
          i="+" + i
        }
        return i
      }
      function day(i){
        switch (i){
          case 1:
            i=i+'st'
            break;
          case 21:
            i=i+'st'
            break;
          case 31:
            i=i+'st'
            break;
          case 2:
            i=i+'nd'
            break;
          case 22:
            i=i+'nd'
            break;
          case 3:
            i=i+'rd'
            break;
          case 23:
            i=i+'rd'
            break;
          default:
            i=i+'th'
        }
        return i;
      }


<body οnlοad="startTime()">
  <div id="user-num">
    <span></span>
    <span>Users</span>
  </div>
  <div id="timer"></div>
</body>


兔小几
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AJAX 随记
10-29
在本篇随记中，我们将探讨如何结构化地创建和使用一个基础的AJAX实现。 首先，我们需要创建一个AJAX对象。在不同的浏览器环境下，XMLHttpRequest对象的创建方式有所不同。在现代浏览器中，我们可以通过`new ...
JS中的ajax
热门推荐
不想写代码的一天
06-17 1万+
AJAX 传统的web交换缺点： 1.流量损失 2.浪费时间和带宽 AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 概念： ajax使网页异步刷新，在不重新加载整个页面时，对网页的局部进行刷新。 特点： 局部刷新； 最大的特点：局部刷新 ajax的优点： 1.局部刷新； 2,。优化了浏览器与服务器之间的传输，减少了不必要...
php从mysql中统计人数_PHP+Mysql+jQuery统计当前在线用户数
weixin_42294133的博客
01-18 132
通常，当访客访问网站时，页面记录用户的cookie信息，当cookie过期即认为用户不在线。本文中我们使用PHP记录访客IP，并在客户端记录cookie及过期时间，同时通过新浪IP地址接口，获取访客的地理位置(本例只记录省份)，一并写入mysql表中，即可统计一段时间内的访客总数，也可以查看访客的地区分布。HTML我们在页面上放置一个显示当前在线人数的div#total以及一个用于展示访客地区分布...
史上最全ajax全套讲解
weixin_34179762的博客
08-05 349
博客好久没有更新文章，主要最近在做一个聊天的功能，虽然不是很尽人意，但是最起码实现了功能。其中里面用到最多的就是数据交互问题了。所以ajax自然是最好的选择了。话说我从没有有系统的学习Ajax过，每次都是用什么查什么，都不往我这脑子里面存储。今天总算不是很忙了，在逛博客园的时候看到一篇文章写得还是很不错的。对于Ajax的讲解还是很到位的。分享给大家一起学习一下。ajax简介A...
ajax php cookies,CDN后用Ajax动态提交、显示文章阅读量，cookies避免重复刷新
weixin_34537864的博客
08-06 246
1.按F5可无限制刷新文章访问量，并影响数据库效率；2.只解决了后台不更新问题，前台显示还是得等CDN刷新后才能更新。那么这篇文章就是为了解决以上两个问题。问题分析第一个问题，先森想到的解决方法是用JS代码创建cookies，如果cookies存在就不在更新后台的统计量。第二个问题，直接让ajax获取后台的访问量，修改前台显示的访问量就行了。一开始，先森配置的让ajax多传一个参数，是判断cook...
ASP:在静态页面中显示文章被阅读的次数
魔拉宝
04-03 577
 　在文章发布系统中采用服务器端生成静态页面的方法可以有效减轻服务器的负担，特别是对大流量网站非常有效。但是既然生成的是静态页面，生成时是什么样，显示就是什么样了，对于文章常见文章被阅读次数怎么显示呢？ 　　经考虑，可用如下方案解决：　　生成静态页面时会产生一个文章的id存到数据库中，那么我们在制作文章的模板的时候就可以在这个文章的id上做文章，文章模板包含以下语句： "> 　　说明：　　在利用模
随记（ajax效果的增删改查）
10-16
新人一枚，网上搜了很多关于ajax增删改查的例子，都不是自己要的效果，自己写的，虽然花了点时间，并且很基础，但是增删改查还是全的。希望可以帮到您哦。这个是我自己没有休整过的，注释较白话，大神什么的勿喷。
随记统一响应结果和全局异常类
01-30
个人练习使用idea编写的项目后，总结的东西
互联网公司实习日记随记参考.pdf
07-14
互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf
用ajax统计在线人数
XIAOTIANTIAN138的博客
03-19 430
function updatenumber(){ var url = "/manageuser.do?task=updatenumber"; new Ajax.Request(url, { asynchronous:false, method:'post' ,onComplete: function(xmlHttp) { if (200 == xmlHttp.statu...
使用 React 和 Redux 进行井字游戏并附带源代码.zip
07-24
项目：使用 React 和 Redux 进行井字游戏并附带源代码 使用 react 和 redux 的井字游戏是一个简单的 react 项目。整个项目都是使用 react components 和redux制作的。游戏很简单，玩法也很多。要运行此项目，您必须先安装 NodeJS。 关于项目 井字游戏反应而 redux 是使用ReactJS开发的。说到这个游戏，它具有高级功能和游戏玩法。要运行此项目，首先，您必须安装费用到您的系统。然后运行npm安装然后开始运行npm开始。游戏启动后，您可以选择不同的游戏选项。您还可以选择所需的网格框数量。此外，您还可以选择对手的类型。 要运行此项目，您需要 在计算机上安装NodeJS 并使用现代浏览器，例如 Google Chrome、  Mozilla Firefox。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
使用 JavaScript 编写的专注力游戏（附源代码）.zip
07-24
项目：JavaScript 中的专注力游戏（附源代码） 专注力游戏是一个使用 JavaScript、CSS 和 HTML 开发的简单项目。这款游戏很有趣。玩家必须点击移动的框并获得分数。要点击正确的位置，玩家需要在这个游戏中集中注意力。这款游戏可以帮助玩家练习以进一步增强他们的专注力。 游戏制作 这个游戏项目仅使用 HTML、CSS 和 JavaScript。说到这个游戏的特点，用户必须单击移动框并得分。游戏有三种模式：简单、中等和困难。游戏的 PC 控制非常简单。您只需使用光标单击移动框的碎片即可。 该游戏包含大量的 javascript 以确保游戏正常运行。 如何运行该项目？ 要运行此游戏，您不需要任何类型的本地服务器，但需要浏览器。我们建议您使用现代浏览器，如 Google Chrome 和 Mozilla Firefox。要玩游戏，首先，单击 index.html 文件在浏览器中打开游戏。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
人脸识别方案资料61EDA-C1590.zip
07-24
人脸识别方案资料61EDA_C1590.zip
316、基于DK124设计的离线式开关电源设计12V 2A（原理图、PCB图、BOM表、设计说明）
07-24
316、基于DK124设计的离线式开关电源设计12V 2A（原理图、PCB图、BOM表、设计说明） 该设计为DK124控制的开关电源，实现12V 2A输出； 功能： 1、使用DK124核心控制； 2、反激式开关电源拓扑设计； 3、实现12V 2A输出； 4、市电输入； 5、整流、滤波、变压器等电路； 6、原理图、PCB图、BOM表、设计说明；
基于Springboot和Vue的生鲜超市管理的设计与实现源码 生鲜超市管理的设计与实现代码（优秀毕业设计）
07-24
生鲜超市管理的设计与实现源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
使用 ReactJs 编写的简单旅行计划器（附源代码）.zip
07-24
项目：使用 ReactJS 编写的简单旅行计划器（附源代码） ReactJs 中的简单旅行计划器是一个简单的 JavaScript 项目。该项目是 ReactJS 中待办应用程序的一个简单示例。 关于项目 Simple Trip Planner In Reactjs 是使用ReactJS开发的。这个项目很容易做一种应用程序。这个项目使用 React 库来完成任务。为了运行这个项目，你必须在系统中安装 NodeJs。当你运行这个项目时，你的应用程序从主页开始。从那里你可以导航到菜单。你只能将计划添加到你的书中。你还可以对旅行进行分类。你所要做的就是输入日期和地点，然后选择你想要的旅行计划类型。 要运行此项目，您需要 在计算机上安装ReactJS和 NodeJs，并使用现代浏览器，例如Google Chrome、  Mozilla Firefox。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
俄罗斯方块的python代码
07-24
这段Python代码实现了一个简单的俄罗斯方块游戏，使用Pygame库处理图形和用户输入。游戏初始化Pygame库并设置屏幕大小为800x600像素，定义不同颜色和形状的方块。游戏由一个`Tetris`类管理，负责游戏状态和逻辑操作，每个方块由一个`Block`类表示，包含其形状、颜色、位置等信息。 在主循环中，游戏通过事件处理机制响应用户的键盘输入，箭头键用于移动和旋转方块，空格键用于快速下落。游戏会检测方块是否与已有的方块或边界发生碰撞，如发生碰撞，当前方块会固定在场地上并生成新方块。填满的行会被清除，玩家获得相应分数。 游戏通过一个二维数组维护场地状态，每个元素表示一个单元格是否被占据，通过检查和清除单元格实现行消除。整个游戏不断刷新屏幕更新显示，确保流畅运行，绘制背景、方块和边框，使界面美观易理解。 总体而言，这段代码展示了如何使用Pygame库实现经典俄罗斯方块游戏，包括图形绘制、用户输入处理和基本游戏逻辑，让玩家通过移动和旋转方块消除行并获得高分。
绿色金融：“双碳”经济时代，银行业务增长新引擎-埃森哲(
07-24
绿色金融：“双碳”经济时代，银行业务增长新引擎-埃森哲(
基于Springboot和Vue的结合疫情情况的婚恋系统源码 结合疫情情况的婚恋系统代码（高分毕设）
最新发布
07-24
结合疫情情况的婚恋系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
随记洗牌发牌的C语言程序
06-06
以下是一个简单的随机洗牌发牌程序的C语言代码： ```c #include <stdio.h> #include <stdlib.h> #include <time.h> #define DECK_SIZE 52 #define SUIT_SIZE 13 int main() { int deck[DECK_SIZE]; int i, j, temp; // 初始化牌堆 for (i = 0; i < DECK_SIZE; i++) { deck[i] = i; } // 随机洗牌 srand(time(NULL)); for (i = 0; i < DECK_SIZE; i++) { j = rand() % DECK_SIZE; temp = deck[i]; deck[i] = deck[j]; deck[j] = temp; } // 发牌 printf("Player 1's hand:\n"); for (i = 0; i < SUIT_SIZE; i++) { printf("%d ", deck[i]); } printf("\n\n"); printf("Player 2's hand:\n"); for (i = SUIT_SIZE; i < SUIT_SIZE * 2; i++) { printf("%d ", deck[i]); } printf("\n\n"); printf("Player 3's hand:\n"); for (i = SUIT_SIZE * 2; i < SUIT_SIZE * 3; i++) { printf("%d ", deck[i]); } printf("\n\n"); printf("Player 4's hand:\n"); for (i = SUIT_SIZE * 3; i < DECK_SIZE; i++) { printf("%d ", deck[i]); } printf("\n\n"); return 0; } ``` 这个程序首先初始化了一个52张牌的牌堆数组，然后使用`srand`和`rand`函数来进行随机洗牌。最后，程序按照四个玩家的顺序，从洗好的牌堆中取出各自的牌，输出给玩家。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值