js实现浏览器title闪烁
来源:互联网 发布:电视盒软件市场 编辑:程序博客网 时间:2024/06/04 18:26
<html>
<head>
<title>JS效果-浏览器标题栏闪烁</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
// 使用message对象封装消息
var message = {
time: 0,
title: document.title,
timer: null,
// 显示新消息提示
show: function () {
var title = message.title.replace("【 】", "").replace("【新消息】", "");
// 定时器,设置消息切换频率闪烁效果就此产生
message.timer = setTimeout(function () {
message.time++;
message.show();
if (message.time % 2 == 0) {
document.title = "【新消息】" + title
}
else {
document.title = "【 】" + title
};
}, 600);
return [message.timer, message.title];
},
// 取消新消息提示
clear: function () {
clearTimeout(message.timer);
document.title = message.title;
}
};
message.show();
// 页面加载时绑定点击事件,单击取消闪烁提示
function bind() {
document.onclick = function () {
message.clear();
};
}
</script>
</head>
<body>
点击页面取消消息闪烁提示
</body>
</html>
0 0
- js实现浏览器title闪烁
- JS实现浏览器的title闪烁、滚动、声音提示、通知
- JS实现浏览器的title闪烁、滚动、声音提示、chrome通知
- Js 实现字体闪烁
- JS实现标题闪烁
- js实现闪烁效果
- js实现光标闪烁
- js设置ios中微信浏览器的title
- js设置ios中微信浏览器的title
- js实现页面标题闪烁
- js实现div闪烁-------Day46
- js实现图片的闪烁
- js实现单个div闪烁
- js实现title滚动效果
- HTML.Title闪烁显示
- title 新消息 闪烁
- js实现网页新消息标题闪烁提醒
- js 实现div 闪烁并控制频次
- this的含义,static的用法
- POJ 1852 Ants
- Oracle日期查询:季度、月份、星期等时间信息
- 自定义UITableViewCell:Cell高度、分割线、间距等
- 京东在线网银---测试岗位面试
- js实现浏览器title闪烁
- 百度--测试开发面试
- UVA - 10954 Add All(贪心+优先队列)
- Django 学习之安装配置(win7)
- UvaLive 6667 Longest Chain (分治求三维LIS)
- vs2013+matlab2013
- Oracle数据库操作大全(七)-——事务处理
- java中的Character和char的区别
- PL/程序设计(千里执行,始于足下)