生活随笔
收集整理的這篇文章主要介紹了
巧妙的新订单提醒功能
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
人不能時刻盯著屏幕,需要提醒。?
或者語音提醒,或者短信提醒。短信提醒成本高,二是手機馬上被塞滿。?
通過JS定時刷新,調取接口,巧妙的解決了這個問題。?
定時去數據庫查詢,最近一天,是否有已支付,未處理的訂單,如果有的話,播放音頻文件。?
音頻文件可以去網上找。叮咚,你有新訂單,請及時處理。?
巧妙的運用JS,生成靈活的音頻模塊,并播放,有點意思。
?
var func = function (){$.ajax({type:'POST',url:'/admin.php/Order/get_new_order',dataType:'json',success:function(data){console.log(JSON.stringify(data));if(data.errno == 0){playSound();}}});
}var playSound = function () {var borswer = window.navigator.userAgent.toLowerCase();if ( borswer.indexOf( "ie" ) >= 0 ){//IE內核瀏覽器var strEmbed = '<embed name="embedPlay" src="/admin/image/voice.mp3" autostart="true" hidden="true" loop="false"></embed>';if ( $( "body" ).find( "embed" ).length <= 0 )$( "body" ).append( strEmbed );var embed = document.embedPlay;//瀏覽器不支持 audion,則使用 embed 播放embed.volume = 100;//embed.play();這個不需要} else{//非IE內核瀏覽器var strAudio = "<audio id='audioPlay' src='/admin/image/voice.mp3' hidden='true'>";if($("#audioPlay").length<=0){$( "body" ).append( strAudio );}var audio = document.getElementById( "audioPlay" );//瀏覽器支持 audioaudio.play();}
}//主動調用
setInterval("func()", 30000);
音頻下載地址(由于是合成的效果會差一些):https://pan.baidu.com/s/1V-F37fZkVZTGZFvdmPNvwg 提取碼: p45m
總結
以上是生活随笔為你收集整理的巧妙的新订单提醒功能的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。