js定时触发-----新订单提醒展示效果并提示音效

展示效果

<!--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定时触发-----新订单提醒展示效果并提示音效相关推荐

php新订单提醒代码,PHP怎么实现新订单提醒功能
PHP实现新订单提醒功能的方法:首先实现ajax轮询:然后下载workerman:接着连接服务端,代码为"var socket = io('http://www.tp5_test.com:2 ...
小程序中商家入驻提醒、新订单提醒
1. 应用场景 ThinkPHP技术QQ群: 828567087 用户在小程序商城购买下单之后,商家如何能及时收到新订单提醒,进行发货处理呢? 用户在小程序中申请入驻商家后,平台管理员如何能及时收到入 ...
巧妙的新订单提醒功能
人不能时刻盯着屏幕,需要提醒. 或者语音提醒,或者短信提醒.短信提醒成本高,二是手机马上被塞满. 通过JS定时刷新,调取接口,巧妙的解决了这个问题. 定时去数据库查询,最近一天,是否有已支付,未 ...
websocket 之简单实现消息小红点，消息推送，或者说是未读提醒，新订单提醒（一）
说明:这里是单机的websocket,没有部署到服务器,本人开了360浏览器和chrome来分别模拟两个买家客户端和商家客户端. 模拟对象暂时是只有一个接受方(consumer),许多个发送方(pro ...
PHP实现新订单提醒功能。
1.现实情况我们在做商城系统的过程当中,会要求做一个订单提醒的功能,即来新的订单会提醒.我实现的方法是有订单后就会提醒"您有新的订单,请注意查收!" 2.解决方案 2.1ajax ...
ajax轮询新订单提醒
–html <div style="display: none"><audio controls id='play'><source src=&quo ...
从C4D建模到Three.js实现闹钟产品360度展示效果(.stl,.obj,.mtl)
演示地址:https://capricorncd.github.io/blog/dist/three/index.html#/ClockObj 源码:https://github.com/capric ...
在开发游戏陪玩平台系统时，如何实现新订单提示效果？
在游戏陪玩平台系统中,用户通过实名认证审核.资质技能审核后,可以申请成为平台大神,带其他玩家组队开黑并获得收益.在游戏陪玩平台系统的整个约单流程中,新订单提示是很重要的模块,尤其是对于需要接单的大神而 ...
html正方形对话框素材,10种展示效果的弹出层对话框插件method.js
一款10种展示效果的弹出层对话框插件method.js,可以点击演示页面的10个按钮分别查看不同的弹窗效果,基本上该有的弹窗特效都有了,喜欢的童鞋请收下吧. 查看演示下载资源: 68 次下载资源 ...

js定时触发-----新订单提醒展示效果并提示音效

js定时触发-----新订单提醒展示效果并提示音效相关推荐

最新文章

热门文章