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

最新推荐文章于 2021-06-03 11:59:39 发布

SailingAptech

最新推荐文章于 2021-06-03 11:59:39 发布

阅读量295

点赞数

分类专栏： JavaScript 文章标签： QQ ASP JavaScript CSS Ajax ViewUI

本文链接：https://blog.csdn.net/SailingAptech/article/details/83431301

版权

JavaScript 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

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

下面是部分代码：（注意红色部分）

<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 οnlοad="callRenWu()">
<div id="header">青海油田社区管理中心维修数据管理平台</div>
<div id="left">
<div class="leftTitle">功能模块</div>
<bgsound id="bsound" loop="infinite" />