巧妙的新订单提醒功能

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

        //浏览器支持 audio
        audio.play();
    }
}

//主动调用
setInterval("func()", 30000);

原文地址:https://www.cnblogs.com/jiqing9006/p/9115952.html

时间: 2024-10-21 03:08:10

巧妙的新订单提醒功能的相关文章

Chrome桌面提醒功能,兼容新老版本,firefox最新版本也通过

Chrome新版升级api,与w3一致,为了兼容,代码如下: //桌面提醒 function notify(title, content) { if(!title && !content){ title = "桌面提醒"; content = "您看到此条信息桌面提醒设置成功"; } var iconUrl = "/images/send_ok.png"; if (window.webkitNotifications) { //c

新订单、新反馈信息、新投稿 各种场景 各种给管理员发通知邮件

一.设置管理员邮件地址和发邮参数后台,系统设置,系统参数设置基本属性标签:管理员邮箱.以后的通知邮件都会发到这一邮箱FTP/EMAIL标签:如果主机支持mail函数,则个人感觉用这个效率可能高一点,主机不支持的话也没关系,还可以用SMTP,设置方法跟邮件客户端一样.需要说明的是,如果想用gmail的帐号发送实现起来比较麻烦,gmail的smtp需要ssl,且不说帝国自带的邮件发送类不支持ssl,就是帝国后台设置邮件的地方也没有提供ssl选项,所以就不折腾了,用国内的邮箱帐号发就是了. 二.新增给

Ios开发中UILocalNotification实现本地通知实现提醒功能

这两天在做一个日程提醒功能,用到了本地通知的功能,记录相关知识如下: 1.本地通知的定义和使用: 本地通知是UILocalNotification的实例,主要有三类属性: scheduled time,时间周期,用来指定iOS系统发送通知的日期和时间: notification type,通知类型,包括警告信息.动作按钮的标题.应用图标上的badge(数字标记)和播放的声音: 自定义数据,本地通知可以包含一个dictionary类型的本地数据. 对本地通知的数量限制,iOS最多允许最近本地通知数

HTML5新增加的功能

HTML5现在已经不是SGML的子集,主要是增加了关于图像,位置,存储,多任务等功能. 绘画CANVAS; 用于播放媒体的video和audio元素: 本地离线存储localstorage长期存储数据,浏览器关闭后数据不丢失:sessionstorage的数据在浏览器关闭后自动删除: 语义化更好的内容元素如:article.footer.header.nav.section: 表单控件,type属性有calendar.date.time.email.URL.search: 移除的元素有:纯表现的

[转载]TFS发送邮件提醒功能

第一次使用TFS 2010,发现有Project Alerts功能,就是项目组工程中若有任何改动时,TFS Server会自动发邮件提醒.Microsoft提供的配置方法(http://msdn.microsoft.com/en-us/library/ms400808(VS.80).aspx)中不适合TFS 2010,因此,我提供了以下参考方法: 1.安装SMTP Server 首先,在装有TFS 2010的服务中先安装SMTP服务,我使用的是Windows Server 2008,在Serve

iOS开发中UILocalNotification本地通知实现简单的提醒功能

这段时间项目要求做一个类似的闹钟提醒功能,对通知不太熟悉的我,决定先用到xcode自带的本地通知试试,最终成功的实现了功能,特整理分享下. 它的表现特点: app关闭的时候也能接收和显示通知. app处于后台的时候能接收通知也能显示. app处于前台的时候能接收,但不能显示,但是会走应用程序delegate中的方法 具体的创建方法: ->创建一个本地通知对象UILocalNotification ->设置fireDate,AlertBody,AlertAction,soundName,appl

微信上线朋友圈屏蔽提醒功能

你的朋友圈是不是经常被某些人的鸡汤文.装*图充斥着,直接屏蔽不看他的朋友圈也不是良策,现在好了,微信官方上线了朋友圈屏蔽提醒功能,对于朋友圈内发信息过于频繁的用户,,尤其是消息中经常出现美女图片.鸡汤.“卖”等内容,微信官方将会在消息下方出现“若对他的内容不感兴趣,可轻触此处设置权限”的提示. 除了这条提示外,在朋友圈长按用户头像时,会直接出现“设置朋友圈权限”.“举报”.“取消”等选项(苹果和安卓设备的弹出内容略有差异),进一步方便用户随手屏蔽不想看到的内容和用户. 朋友圈屏蔽提醒功能,不仅有

jQuery实现类似微博定时刷新提示新消息的功能

1.引入jQuery文件 2.添加jquery.refresh.js文件,代码如下: 1 /** 2 * Created by Silver on 2015/11/27. 3 */ 4 5 (function ($) { 6 $.refreshData = function (options) { 7 var defaults = { 8 url: '/order/ajax_new_count',//提交的地址 9 contentData: {}, 10 time: 15, 11 home: f

Android 博客园客户端 (二) 新界面&amp;部分功能

重新创建项目(Android 4.2.2+):https://github.com/ZhangTingkuo/AndroidCnblogs.git 原项目(Android 4.1.2+):https://github.com/ZhangTingkuo/Cnblogs.git 原项目的界面看着很不爽,就只写了部分功能,然后决定重新设计界面,并把这部分功能添加进来,然后继续进行开发. 已经完成博客列表部分的显示 第一次做一个android项目,只为兴趣. 很多东西看起来貌似很简单,但是真的做的时候就