熟悉不能再熟悉的聲音了，今天小編就做了這樣一個(gè)網(wǎng)站的提示新訂單的功能，接下來(lái)就教你怎么玩轉(zhuǎn)這個(gè)小功能！



首先我們前端的代碼是這樣寫(xiě)的：


va" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

所在位置： 首頁(yè) > 營(yíng)銷(xiāo)資訊 > 網(wǎng)站運(yùn)營(yíng) > 想要那種有提示聲音的網(wǎng)站嗎？我教你怎么做！

想要那種有提示聲音的網(wǎng)站嗎？我教你怎么做！

時(shí)間：2023-07-06 09:00:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-06 09:00:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

想要那種有提示聲音的網(wǎng)站嗎？我教你怎么做！： 您有新的外賣(mài)訂單請(qǐng)及時(shí)查收！
熟悉不能再熟悉的聲音了，今天小編就做了這樣一個(gè)網(wǎng)站的提示新訂單的功能，接下來(lái)就教你怎么玩轉(zhuǎn)這個(gè)小功能！



首先我們前端的代碼是這樣寫(xiě)的：


var playSound = function () { var borswer = window.navigator.userAgent.toLowerCase(); if ( borswer.indexOf( "ie" ) >= 0 ) { //IE內(nèi)核瀏覽器 var strEmbed = '<embed name="embedPlay" src="/public/Mp3/newOrder.mp3" autostart="true" hidden="true" loop="false"/>'; if ( $( "body" ).find( "embed" ).length <= 0 ) $( "body" ).append( strEmbed ); var embed = document.embedPlay; //瀏覽器不支持 audion，則使用 embed 播放 embed.volume = 100; } else { //非IE內(nèi)核瀏覽器 var strAudio = "<audio id='audioPlay' src='/public/Mp3/newOrder.mp3' hidden='true'>"; if($("#audioPlay").length<=0){ $( "body" ).append( strAudio ); } var audio = document.getElementById( "audioPlay" ); //瀏覽器支持 audio audio.play(); } }/**新訂單*/function getNewOrder(){ $.post("{:U('Msg/newOrder')}", {}, function(res) { if (res) { playSound(); $.post("{:U('Msg/msgDetail')}", {id:res.id}, function(res) {}); } });}window.setInterval("getNewOrder()",3000);
以上是做ajax的輪詢(xún)操作，當(dāng)然你做成websockt也是可以的，本文就作為一個(gè)拋磚引玉的作用吧。
后端的話(huà)，可以去數(shù)據(jù)庫(kù)查詢(xún)，也可以在前端做好redis緩存，或者其他緩存，然后從緩存里面獲取數(shù)據(jù)等等都是可以的！



是不是很簡(jiǎn)單，快去嘗試一下吧！


http://weixin.qq.com/r/FDji_tDElY3qrZSZ920G (二維碼自動(dòng)識(shí)別)



關(guān)鍵詞：提示,聲音

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉