JS代码如下:
1
//消息
2
function HeadMessage(alertMsg,hiddenAlertMsg)
3
{
4
this.alertFlag = false;
5
this.intervalId = "";
6
this.alertMsg = alertMsg;
7
this.hiddenAlertMsg = hiddenAlertMsg;
8
}
9
10
//初始化定时器
11
HeadMessage.prototype.initAlert = function(functionName)
12
{
13
this.intervalId = setInterval("messageAlert()",1000);
14
}
15
//清除定时器
16
HeadMessage.prototype.clearAlert = function(title)
17
{
18
if(this.intervalId != "")
19
{
20
clearInterval(this.intervalId);
21
this.intervalId = "";
22
document.title = title;
23
}
24
}
25
//Prototype Ajax 获取返回值
26
HeadMessage.prototype.oversee = function(requestUrl)
27
{
28
new Ajax.Request
29
(
30
requestUrl,
31
{
32
method:"post",
33
onComplete:function(request)
34
{
35
if(parseInt(request.responseText) > 0 && this.intervalId == "")
36
{
37
this.initAlert();
38
}
39
else if(parseInt(request.responseText) <= 0)
40
{
41
this.clearAlert("测试消息提示警告");
42
}
43
}
44
}
45
)
46
}
47
//测试方法
48
HeadMessage.prototype.overlook = function(id)
49
{
50
var textVal = document.getElementById(id).value;
51
if(parseInt(textVal) > 0 && this.intervalId == "")
52
{
53
this.initAlert();
54
}
55
else if(parseInt(textVal) <= 0)
56
{
57
this.clearAlert("测试消息提示警告");
58
}
59
}
60
//闪烁判断
61
function messageAlert()
62
{
63
if(msg.alertFlag)
64
{
65
msg.alertFlag = false;
66
document.title = msg.alertMsg;
67
}
68
else
69
{
70
if(msg.intervalId != "")
71
{
72
document.title = msg.hiddenAlertMsg;
73
msg.alertFlag = true;
74
}
75
}
76
}
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
3
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
4
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
5
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
6
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
7
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
8
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
9
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
10
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
11
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
12
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
13
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
14
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
15
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
16
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
17
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
18
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
19
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
20
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
21
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
22
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
23
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
24
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
25
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
26
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
27
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
28
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
29
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
30
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
31
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
32
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
33
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
34
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
35
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
36
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
37
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
38
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
39
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
40
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
41
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
42
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
43
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
44
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
45
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
46
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
47
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
48
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
49
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
50
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
51
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
52
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
53
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
54
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
55
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
56
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
57
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
58
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
59
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
60
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
61
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
62
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
63
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
64
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
65
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
66
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
67
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
68
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
69
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
70
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
71
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
72
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
73
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
74
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
75
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
76
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
HTML模拟测试代码如下:
1
<html>
2
<head>
3
<title>测试消息提示警告</title>
4
<script type="text/javascript" src="/js/prototype.js"></script>
5
<script type="text/javascript" src="/js/headmessage.js"></script>
6
<script type="text/javascript">
7
var msg = new HeadMessage("【新消息】","【 】");
8
function overseeState()
9
{
10
var intervalId = setInterval("msg.overlook('tId')",1000);
11
}
12
overseeState();
13
</script>
14
</head>
15
16
<body>
17
<input type="text" id = "tId" name = "tId"/>
18
</body>
19
</html>
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
3
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
4
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
5
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
6
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
7
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
8
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
9
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
10
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
11
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
12
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
13
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
14
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
15
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
16
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
17
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
18
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
19
![点击图片可在新窗口打开](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)