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