jquery实现jsp页面报警

//针对提现列表和充值记录的报警声音
window.onload = function() {
    if(typeof(TIP)!=='undefined' && TIP){
        setInterval(function(){
        $.getJSON('xb/getVoice.do', function(tip){
            if(tip){
            // 只处理正确返回的数据
            //如果提现记录或充值记录有未处理报警
                if(tip.status || tip.flag) {
                    playVoice('/sound/cash.wav', 'cash-voice');
                    if(tip.flag){
                        //充值记录报警处理
                            $.ajax({
                                cache : false,
                                type : "get",
                                url : "xb/addRechargeFlag.do",  
                                data : {"id":tip.rechargeId},
                                dataType : "json",
                                success : function(jsonData) { 
                                    if(jsonData.result && jsonData.flag === 5){
                                        return;
                                    }
                            },error:function(dt){}
                    });
                }
            }else{return;}
        }});
    }, 2000);
}};
// 播放声音
function playVoice(src, domId){
    var $dom=$('#'+domId);
    //判断是否是IE浏览器
    if(/msie/.test(navigator.userAgent.toLowerCase())){
        // IE用bgsound标签处理声音
        if($dom.length){
            $dom[0].src=src;
        }else{
            $('<bgsound>',{src:src, id:domId}).appendTo('body');
        }
    }else{
        // IE以外的其它浏览器用HTML5处理声音
        if($dom.length){
            $dom[0].play();
        }else{
            $('<audio>',{src:src, id:domId}).appendTo('body')[0].play();
        }
    }
}

注意:

页面自动执行js的两种常用方法:

  • 整个页面的document全部加载完成以后执行,包括图片声音等资源,这是一种最严谨的页面加载完再执行方法的方法,缺点:如果图片声音等外部资源需要很长时间来加载的话,该方法执行得就比较慢了。
window.onload =function(){//jquery代码 };
  • 仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行方法,包括在加载外部图片等资源之前。
$(document).ready(function(){//js代码});
    该方法有简写形式:
$(function(){//js代码});
  • jquery从1.9版本开始,移除了$.browser$.browser.version,取代的是$.support,所以判断浏览器类型:
$.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase());
$.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());
$.browser.opera = /opera/.test(navigator.userAgent.toLowerCase());
$.browser.msie = /msie/.test(navigator.userAgent.toLowerCase());

等号后面返回的就是true/false,直接用来替换原来的$.browser.msie等即可。
参考资料链接:
http://blog.csdn.net/zdnlp/article/details/14231067/,
http://www.fwolf.com/blog/post/35.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章