`

js轮询实现消息提醒

    博客分类:
  • js
阅读更多
前端文件

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
        <title>消息提醒</title>
</head>
<body>

<div id="hd">

 <ul class="panel">
   	收件箱<span data-type="msg">0</span>
 </ul>
 <ul class="panel3">
   	收件箱<span data-type="msg">0</span>
 </ul>
</div>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
<!--
//收件箱
checkbox = function(url) {
	var box = $('#hd .panel');
	$.getJSON(url, function(data) {
		for (k in data[0]) {
			if (k == 'msg') {
				if (data[0][k] > 0)
					box.find('[data-type=' + k + ']').show().text(data[0][k]);
				else
					box.find('[data-type=' + k + ']').hide();
			}
		}
	});
	setTimeout(function() {
		sbs.checkbox(url)
	}, 10000);
}

checkbox3 = function(url) {
	var box = $('#hd .panel3');
	$.getJSON(url, function(data) {
		alert(data[0]['msg']);
		for (k in data[0]) {
			if (k == 'msg') {
				if (data[0][k] > 0)
					box.find('[data-type=' + k + ']').show().text(data[0][k]);
				else
					box.find('[data-type=' + k + ']').hide();
			}
		}
	});
}

checkbox('server/msg_count.php');
checkbox3('server/msg_count.php');
//-->
</script>



server/msg_count.php
<?php 

	$msgn = array (array ("msg" => 10) );
	echo json_encode ( $msgn );
	

分享到:
评论

相关推荐

    php微信支付+回调,js轮询实现2018年11月更新

    在本文中,我们将深入探讨如何使用PHP实现在微信平台上的支付功能,并结合JavaScript进行轮询检查支付状态,以及处理微信支付的回调通知。这个主题基于2018年11月更新的技术,确保了其可用性和适用性。 首先,我们...

    原生jquery,轮询滚动消息代码

    在“原生jQuery,轮询滚动消息代码”这个主题中,我们将深入探讨如何利用jQuery来实现一种常见的用户界面功能:轮询滚动消息。 首先,轮询滚动消息是一种动态显示更新信息的技术,常见于新闻网站或者实时聊天应用中...

    JS实现websocket长轮询实时消息提示的效果

    本文将介绍如何使用JavaScript(JS)和WebSocket实现长轮询(Long Polling)技术,以便实现实时消息提示效果。 WebSocket协议 WebSocket是一个全双工通信协议,能够在客户端和服务器之间建立持久的连接,并进行双向...

    JS实现聊天接收到消息语言自动提醒

    在JavaScript(JS)中实现聊天应用的自动语音提醒功能,主要涉及到实时消息监听、音频处理以及用户交互设计等技术。以下是一些相关的知识点: 1. **事件监听**:首先,你需要监听聊天窗口或整个应用程序的“新消息...

    北京大学程序设计思维课程大作业,实现网页版聊天软件,使用轮询实现对话.zip

    【标题】中的“北京大学程序设计思维课程大作业,实现网页版聊天软件,使用轮询实现对话”揭示了这个项目的核心内容。这是一项编程任务,旨在锻炼学生的程序设计思维,是北京大学课程的一部分。任务要求学生构建一个...

    微信支付+回调轮询.rar

    - `js`:可能包含实现轮询功能的JavaScript代码以及其他前端逻辑。 在实际开发中,为了保证用户体验和系统的稳定性,需要注意以下几点: - 轮询间隔不宜过短,以免增加服务器压力。 - 设置合理的轮询次数限制,...

    jquery实现页面右下角消息提示框

    **jQuery 实现页面右下角消息提示框** 在网页设计中,实时反馈用户操作状态或者显示重要信息是非常关键的一环。jQuery,一个流行的JavaScript库,提供了丰富的功能来简化这一过程。本教程将深入探讨如何利用jQuery...

    使用SignalR实现消息提醒

    SignalR 是一个 ASP.NET 库,它为实时通信提供了简单且高效的框架,使得开发者...在“使用SignalR实现消息提醒”这个主题中,我们可以学习到如何利用SignalR的Hub、Clients接口以及连接管理来构建高效的消息通知系统。

    DWR 实现QQ消息提示

    综上所述,"DWR实现QQ消息提示"涉及到的技术要点包括DWR的反向推送机制、服务器端与客户端的交互、JavaScript UI设计、以及性能优化和安全防范。通过这些技术手段,我们可以构建出一个高效、实时的在线消息通知系统...

    ajax 实时消息

    本文将深入探讨如何利用Ajax实现实时消息,并结合“java-message-session”这一标签,讨论Java环境下基于Session的Ajax消息传递。 1. **Ajax基础** - **XMLHttpRequest对象**:Ajax的核心是XMLHttpRequest(XHR)...

    JS(jQuery)实现聊天接收到消息语言自动提醒功能详解【提示“您有新的消息请注意查收”】

    标题“JS(jQuery)实现聊天接收到消息语言自动提醒功能详解【提示‘您有新的消息请注意查收’】”和描述中涉及的知识点非常明确,就是利用JavaScript以及jQuery库来实现一个网页端聊天应用中消息接收的语音提醒功能。...

    JS SetInterval 代码实现页面轮询

    setInterval 是一个实现定时调用的函数,可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval方法会不停地调用函数,直到 clearInterval 被调用或窗口被关闭。 由 setInterval 返回的ID值可用作 ...

    WebForm实现消息推送

    在Web开发中,"WebForm实现消息推送"是一种常见的需求,尤其在实时性要求较高的应用场景中,例如在线聊天、股票交易、实时通知等。传统的HTTP协议是基于请求-响应模式的,服务器仅在客户端发起请求时才进行数据传输...

    js裁剪图片,即时消息提示,遮罩效果

    在IT领域,尤其是在Web开发中,"js裁剪图片,即时消息提示,遮罩效果"是常见的需求,这些功能能够提升用户体验并增加交互性。以下是对这些知识点的详细解释: 1. **JS裁剪图片**:JavaScript(简称JS)是一种广泛使用...

    基于JavaScript实现报警器提示音效果

    2. 使用websocket长轮询实现实时消息推送:这表示在后台服务器和前台用户界面之间建立一个长期连接,服务器会将接收到的报警消息实时推送到前端。前台接收到消息后,通过调用playSound函数播放报警音。 3. 点击按钮...

    WebForm实现消息推送源码

    “Comet”是一种长轮询(Long Polling)技术,它是实现服务器端向客户端推送消息的常见方法。当客户端发起一个HTTP请求后,服务器不会立即返回响应,而是保持连接直到有新的消息需要发送时才返回,这样就实现了...

    JQuery实现简单的服务器轮询效果实例

    在本文中,我们探讨了使用jQuery实现简单服务器轮询效果的方法。轮询是一种常见的Web应用技术,它使网页能够在特定的时间间隔内自动向服务器查询更新,并根据返回的数据更新页面内容。这种方式常用于邮件系统、任务...

    php与js实现进度条的操作

    本文将详细解析如何利用PHP和JavaScript(JS)结合实现文件上传过程中的进度条操作,这不仅提升了用户交互体验,还使得整个上传过程更加透明可控。 ### PHP与JS实现进度条的原理 在Web应用中,文件上传通常是由...

    js右侧悬浮在线客服代码.zip

    5. **异步通信**:为了实现实时通信,代码可能利用了WebSockets或者基于轮询(如Ajax长轮询)的技术,使得客服系统能够即时传递消息。 6. **数据存储与恢复**:如果需要保存聊天记录,代码可能包含本地存储...

    用JavaScript和HTML实现聊天页面和功能

    4. **实时性**:为了实现即时聊天,可以利用WebSocket技术创建持久的连接,使得服务器能实时推送新消息到客户端,而无需客户端不断轮询。WebSocket提供双向通信,使得服务器和客户端可以同时发送和接收数据。 5. **...

Global site tag (gtag.js) - Google Analytics