巧妙的新订单提醒功能

人不能时刻盯着屏幕，需要提醒。
或者语音提醒，或者短信提醒。短信提醒成本高，二是手机马上被塞满。
通过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

巧妙的新订单提醒功能相关推荐

php新订单提醒代码,PHP怎么实现新订单提醒功能
PHP实现新订单提醒功能的方法:首先实现ajax轮询:然后下载workerman:接着连接服务端,代码为"var socket = io('http://www.tp5_test.com:2 ...
PHP实现新订单提醒功能。
1.现实情况我们在做商城系统的过程当中,会要求做一个订单提醒的功能,即来新的订单会提醒.我实现的方法是有订单后就会提醒"您有新的订单,请注意查收!" 2.解决方案 2.1ajax ...
小程序中商家入驻提醒、新订单提醒
1. 应用场景 ThinkPHP技术QQ群: 828567087 用户在小程序商城购买下单之后,商家如何能及时收到新订单提醒,进行发货处理呢? 用户在小程序中申请入驻商家后,平台管理员如何能及时收到入 ...
JAVA----钉钉机器人-订单提醒功能
钉钉机器人-订单提醒功能钉钉机器人在线文档:https://open.dingtalk.com/document/robots/customize-robot-security-settings 第 ...
js定时触发-----新订单提醒展示效果并提示音效
展示效果  <style>.add_blank{position:absolute;left:14%;width:34%;font-size:32px; ...
android新消息提醒功能,Android仿微信新消息提示音
怕有些人不知道怎么进入微信的新消息提示音功能,我这里说下操作步骤: 打开微信----我---设置---新消息提醒---新消息提示音. 经过以上的步骤就进入了这样的界面具体实现的步骤. 难点之一:获取 ...
websocket 之简单实现消息小红点，消息推送，或者说是未读提醒，新订单提醒（一）
说明:这里是单机的websocket,没有部署到服务器,本人开了360浏览器和chrome来分别模拟两个买家客户端和商家客户端. 模拟对象暂时是只有一个接受方(consumer),许多个发送方(pro ...
用asp.net 实现页面的新消息提醒功能
如校内网和开心网有这样的功能. 把网页最小化,去干别的事,可是当校内网有新的消息时,那个最小化的校内网的标题栏,出现[新提醒]的字样,还在闪. 主要想实现页面的提示效果(定时刷新查询数据库已经好了) ...
ajax轮询新订单提醒
–html <div style="display: none"><audio controls id='play'><source src=&quo ...

巧妙的新订单提醒功能

巧妙的新订单提醒功能相关推荐

最新文章

热门文章