展示效果

<!--CSS代碼--> <style> .add_blank{position: absolute;left: 14%;width: 34%;font-size: 32px;height: 66px;text-align: center;background: #ff9966;line-height: 67px;display: none; } </style><!--達到要求彈出div--> <div class="add_blank" >您有新的訂單,請注意查看</div><!--新訂單提醒--><script type="text/javascript">function timeout() {var res;$.ajax({url:'index.php?act=dingshi',type:'get',datatype:'text',async:false,success:function (data) {res = data;}});return res;}var i=timeout();function hello() {$.ajax({url:'index.php?act=dingshi',type:'get',datatype:'text',async:false,success:function (result) {if (result != i){i = result;$(".add_blank").show()playSound();}}});}setInterval("hello()",10000);<!--10秒定時請求一次--></script><!--展示9秒關閉--><script type="text/javascript">$(function(){setInterval(function(){$(".add_blank").hide();},9000);});</script><!--訂單聲音提示--><script>var playSound = function () {var borswer = window.navigator.userAgent.toLowerCase();if ( borswer.indexOf( "ie" ) >= 0 ){//IE內核瀏覽器var strEmbed = '<embed name="embedPlay" src="/admin/images/30.wav" 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/images/30.wav' hidden='true'>";if($("#audioPlay").length<=0){$( "body" ).append( strAudio );}var audio = document.getElementById( "audioPlay" );//瀏覽器支持 audioaudio.play();}}</script>

php代碼

elseif ($_REQUEST['act'] == 'dingshi') {//獲取訂單信息$count_order = $db->getOne(' SELECT COUNT(order_id) FROM ' . $ecs->table('order_info'));echo $count_order; }

本來寫在右下角彈出框，然后老有BUG，我就挪到頭部，代碼穩定。

``` ```

總結

以上是生活随笔為你收集整理的js定时触发-----新订单提醒展示效果并提示音效的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。