软件开发,软件定制,网站制作,网店定制
点击给我发消息
您的位置:网站首页 > 技术文章 > JavaScript技术

做个在网页上实现像QQ一样当有新任务时声音提醒

作者:admin 来源:原创 日期:2009-12-2 15:52:53 人气: 标签:
导读:在做一个项目时,客户要求网页上具有声音提醒功能。就是让网页每2分钟去检查一下是不是有新任务,若有就声音提醒。采用AJAX技术,再加了一段javascript代码就实现了

在做一个项目时,客户要求网页上具有声音提醒功能。就是让网页每2分钟去检查一下是不是有新任务,若有就声音提醒。采用AJAX技术,再加了一段javascript代码就实现了客户的这个要求。

下面是部分代码:(注意红色部分
<!--#include file="hbwlConfig.asp" -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>数据管理平台</title>
<script src="js/jquery1.3.2.js" type="text/javascript"></script>
<script type="text/livescript">
function callRenWu(){
 $.get("callRengWuShu.asp?t="+Math.random(),function(data){ 
  if (data>0){
   document.getElementById("bsound").src="images/提醒.mid";
   $("#newpic").html("你有"+data+"个新任务");
  }else{
   document.getElementById("bsound").src="";
   $("#newpic").html('');
  } 
 });
 window.setTimeout('callRenWu()',120000);
}
</script>
<link rel="stylesheet" type="text/css" href="images/hbwl.css"/>
</head>
<body onload="callRenWu()">
<div id="header">青海油田社区管理中心维修数据管理平台</div>
<div id="left">
<div class="leftTitle">功能模块</div>
<bgsound id="bsound" loop="infinite" />
<span id='newpic'></span>

........
........
........

共有:条评论信息评论信息
发表评论
姓 名:
验证码: