實現Web頁面新訊息實時提醒
1.
轉載地址:http://blog.sina.com.cn/s/blog_62cd5a980101bn0n.html
在應用系統的開發過程中,經常要使用到新訊息的提醒功能,比如說資料庫資料有更新或者對某個使用者有新的任務下達,這時就要對使用者進行及時的處理提醒,那這個功能最簡單額實現就是通過頁面實時重新整理,訪問資料庫然後告知使用者有新的訊息,但是這種方式雖然簡單,但是缺陷也是顯而易見的,就是頁面需要不停的重新整理伺服器,造成伺服器負擔太重,同時使用者體驗也不好,今天博主介紹的方式是使用Ajax,就是一步的javascript和xml來請求伺服器來達到提示的目的,這裡博主的目標是在標題欄顯示新的任務的條數,同時閃動標題欄,
1、準備,這裡博主使用到一個Ajax控制元件,AjaxPro,下載,然後在.net專案中,新增引用之(跳過);
下載地址:http://ishare.iask.sina.com.cn/f/37352626.html
2、修改Web.config.新增以下程式碼(具體新增位置不用說了吧,跳過):
>add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/>
3、在需要使用提醒的頁面的後臺檔案中的page_load方法中,新增以下內容:
AjaxPro.Utility.RegisterTypeForAjax(typeof(_default
4、新增前臺js要嗲用的後臺方法,新增的方法和你寫普通的後臺方法是一樣的,只不過,需要在該方法前面加上 [AjaxPro.AjaxMethod],否則前臺js是訪問不到你新增的方法的;
其他步驟檢視轉載網址裡的部落格
2.JS定時關閉視窗及定時提醒效果的例子(轉載網址:http://www.jbxue.com/article/8791.html)
例2,定時關閉頁面或定時提醒 <HTML xmlns:v xmlns:t><HEAD>
<STYLE>v\:*{behavior:url(#default#vml)}
v\:oval,#oDiv{position=absolute;width=200;height=200}
#stay{position=absolute;top=70;left=59;color=RED;padding=6;font=900 20/1.3}
#input input{border-left=0;border-right=0}
</STYLE>
<TITLE>定時關閉頁面或定時提醒-www.jbxue.com</TITLE>
<hta:application border=none scroll=0 innerBorder=ridge>
<?import namespace=t implementation="#default#time2"/>
</HEAD>
<BODY topmargin=12 resizeTo(220,240),moveTo(200,5)>
<v:oval fillcolor=#8F strokecolor=gray strokeweight=3 />
<t:par onrepeat=alt.click() repeatcount=indefinite>
<t:TRANSITIONFILTER TYPE="clockWipe" dur=60 TARGETELEMENT="oDiv"/>
<DIV ID="oDiv" DUR=60>
<v:oval fillcolor=#FF0 strokecolor=RED strokeweight=2 />
</DIV></t:par>
<a href=# id=alt></a><U id=stay unselectable=on></U>
<t:ref id=ref style=width=200;height=200 src=兩隻老虎.wmv mute=true clipBegin=23.8 dur=4 begin=alt.click />
<DIV>
<t:par repeatCount=indefinite>
<HR align=left id=hr0 color=TEAL width=200 size=14>
<hr onpropertychange="per=parseInt(100*offsetWidth/hr0.offsetWidth),len.innerHTML=(per>9?'':'_')+per+'%'" style=position=absolute;top=219;height=expression(hr0.size) color=BLUE id=hr dur=60>
<t:animate targetElement=hr attributeName=width id=hran from=0></t:par>
Loading persent: <a id=len style=color=red;font=800></a> .</DIV>
<dl><dt><h4>定時關閉葉面或則定時提醒:</h4>
<form name=FF><dd>請設定定時關閉葉面<br>或則定時提醒的時間:<br>
<input id=HH onmouseover=select() style=border-right=0 size=1 value=23><q id=input><input style=width=9 value=:
disabled><input id=MM onmouseover=select() size=1 value=01><input style=width=9 value=: disabled></q><input id=SS onmouseover=select() style=border-left=0 size=1 value=00><br>
<button hideFocus onclick='tips.innerHTML="視窗將於 "+FF.HH.value+":"+FF.MM.value+":"+FF.SS.value+"自動關閉...";setInterval("if(clock(FF.HH.value,FF.MM.value,FF.SS.value))window.close()",1)'>設定關閉</button><img width=5 height=1>
<button hideFocus onclick='setInterval("if(clock(FF.HH.value,FF.MM.value,FF.SS.value)){ref.mute=false;ref.dur=30;alt.click()}",1);
setInterval("if(clock(FF.HH.value,(FF.MM.value*1+1),FF.SS.value)){ref.mute=true;ref.dur=3;alt.click()}",1)'>設定提醒</button><img width=5 height=1>
<button type=reset>重新設定</button><br>
<span id=tips style='background=lightyellow'></span></dl>
</form>
<script>
hran.dur=hr.dur,hran.to=hr0.width
int=new Date(),B='<br>'
setInterval("stay.innerHTML=String(int).slice(-22,-13).fontcolor(1)+B+String(new Date(new Date()-int-288e5)).split(/ /)[3]+B+Date().slice(-13,-5).fontcolor()",1e3)
function clock(hh,mm,ss){with(new Date()) return new Date()-new Date(getYear(),getMonth(),getDate(),hh*1,mm*1,ss*1+1)==0}
</script>
</BODY>
</HTML>
再分享一下我老師大神的人工智慧教程吧。零基礎!通俗易懂!風趣幽默!還帶黃段子!希望你也加入到我們人工智慧的隊伍中來!https://blog.csdn.net/jiangjunshow