桌面消息提醒

最新推荐文章于 2021-05-30 20:31:26 发布

weixin_30622181

最新推荐文章于 2021-05-30 20:31:26 发布

阅读量213

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhangjunming/p/6994885.html

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.box{
width:100%;
height:1000px;
}
.title{
display:none;
width:300px;
height:100px;
border:1px solid red;
position: fixed;
right:0px;
top:10px;
}
.btn{
width:50px;
height:20px;
line-height:20px;
text-align: center;
border:1px solid red;
}
</style>
</head>
<body>
<div class="box">
<div class="btn" id="btn">
弹出
</div>
</div>
<div class="title">
qwertyuiop[]dfghjkghjkhjk
</div>
</body>
<script src="jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
// $('.btn').on('click',function(){
// $('.title').css({
// 'display':'block'
// })
// })
// if (window.Notification)
//{
// if (window.Notification.permission == "granted") {
// var notification = new Notification('标题', {
// body: "内容",
// icon: "图标路径，若不指定默认为favicon"
// });
// } else {
// window.Notification.requestPermission();
// }
//}
cue(1,2,3);
function cue(tel,content,hint){
if (window.Notification) {
var popNotice = function() {
if (Notification.permission == "granted") {
var notification = new Notification(tel, {
body: content,
icon: 'http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg'
});
notification.onclick = function() {
alert(hint);
notification.close();
};
}
};
if (Notification.permission == "granted") {
popNotice();
} else if (Notification.permission != "denied") {
Notification.requestPermission(function (permission) {
popNotice();
});
}
} else {
alert('浏览器不支持Notification');
}
}
//if (window.Notification) {
// var button = document.getElementById('btn'), text = document.getElementById('text');
//
// var popNotice = function() {
// if (Notification.permission == "granted") {
// var notification = new Notification("Hi，帅哥：", {
// body: '可以加你为好友吗？',
// icon: 'http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg',
silent:true,
sound:'1704.mp3',
//
// });
notification.onshow = function () {
setTimeout(function(){
notification.close()}, 5000);

}
// notification.onclick = function() {
// alert(123);
// window.onfocus = function() {
// isShine = false;
// };
// notification.close();
// };
// }
// };
//
// button.onclick = function() {
// if (Notification.permission == "granted") {
// popNotice();
// } else if (Notification.permission != "denied") {
// Notification.requestPermission(function (permission) {
// popNotice();
// });
// }
// };
//} else {
// alert('浏览器不支持Notification');
//}

fun(true);
var titleInit = document.title;
function fun(temp){
isShine = temp;
setInterval(function() {
var title = document.title;
if (isShine == true) {
if (/新/.test(title) == false) {
document.title = '【你有新消息】';
} else {
document.title = '【　　　　　】';
}
} else {
document.title = titleInit;
}
}, 500);

window.onfocus = function() {
isShine = false;
};
window.onclick = function() {
isShine = false;
};
window.onblur = function() {
isShine = '';
};

// for IE
document.onfocusin = function() {
isShine = false;
};
document.onfocusout = function() {
isShine ='';
};
}
</script>
</html>

转载于:https://www.cnblogs.com/zhangjunming/p/6994885.html

weixin_30622181

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
桌面消息提醒

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ width:100%; height:1000px; } .title{ ...
复制链接

扫一扫