兼容主流浏览器的网页闹钟
//下面是要用到的全局变量
var songSrc=""; //铃声路径
var clickTime=null; //按键时的即时时间
//判断是否为数字
function nanFilter(event){var eve=window.event||event;var code=eve.keyCode||eve.which;if(code<48&&code!=8||code>57){return false;}return true;
}
/*大家可以看到,此处做了两种兼容性的处理:1对于事件对象的IE和标准浏览器2对于按键值的兼容有一点需要注意,Backspace回退键不需要过滤
*/
function isOldIE(){var mode=document.documentMode;var activeX=window.ActiveXObject;//是否为IEif(activeX){//为IE 8或渲染模式为IE 8或不支持mode(IE 6,7)if(!mode||mode<9){return true;}}return false;
}
/*此处用到了mode,这是IE独有的玩意儿,可用于判断IE的版本或者内核的渲染
*/
function getBgSoundElement(){var bgsoundElement=null;//IE 6,7,8if(window.isOldIE()){bgsoundElement=document.createElement("bgsound");}else{bgsoundElement=document.createElement("audio");}return bgsoundElement;
}
/*关键性的代码,用于动态创建音频元素,此处做了兼容性处理*/
function bindAttribute(bgSoundElement){bgSoundElement.setAttribute("src",songSrc);if(bgSoundElement.nodeName=="AUDIO"){bgSoundElement.setAttribute("autoplay","autoplay");}
}
/*绑定自动播放属性及路径到元素
*/
function getMilliseconds(hours,minutes,seconds){var date=new Date();if(hours&&hours>=0&&hours<=23){date.setHours(hours);}if(minutes&&minutes>=0&&minutes<=59){date.setMinutes(minutes);}if(seconds&&seconds>=0&&seconds<=59){date.setSeconds(seconds);}return date.getTime();
}
/*根据时分秒获取毫秒数
*/
function disableAllInput(){var inputs=document.getElementsByTagName("input");for(var i in inputs){inputs[i].disabled=true;}
}
/*将页面上所有控件禁用主要的工作已经完成了,剩下的就靠组装了~~
*/
转载于:https://my.oschina.net/u/1862386/blog/284458
兼容主流浏览器的网页闹钟相关推荐
- 将内容复制到剪切板兼容主流浏览器的解决方案
html : <body><div class="demo-area"><label for="copy-input">输入 ...
- html5+php视频播放器,一个好用的html视频播放器兼容主流浏览器
最近工作上的需求需要对移动客户端上发送的视频在网页上播放,and 上传视频并在网页上播放(例如上传教学视频或者动态分享等)(博主碎碎念:移动客户端上传的你不会用手机的播放器看啊,网页上上传你不会上传到 ...
- 兼容所有浏览器的网页播放器
前段时间在搞一个在线教学的网站,涉及到播放器,在此分享一个好的兼容所有主流浏览器的视频播放插件 一.采用video.js的插件 首先下载video.js最新v5.18.4版 2017-3-24更新(支 ...
- android自动弹出浏览器打开文件,android使用主流浏览器打开网页,无需弹出选择。...
首先说一下开发需求,需要使用主流的浏览器打开网页,比如QQ浏览器,UC浏览器,opera浏览器,如果此手机里面有安装上述浏览器,则使用上述的浏览器打开网页,无需弹出浏览器选择项,如果这几种都有安装则按 ...
- js 下载Base64格式数据图片(兼容主流浏览器)
最近的工作内容和前端有关.需要做一个图片下载的功能,然而后台只提供了byte[] 类型的图片数据,并且返回给前端的是Base64格式图片数据.那么,就遇到了最严重的问题了:浏览器兼容. 展示图片的时 ...
- 兼容所有浏览器的网页制作方法
其实一般浏览器就IE6.IE7.IE8.火狐.GOOGLE浏览器chrome等,大家最困扰的就是网页在各大浏览器的兼容问题,其实所有浏览器在不兼容方面只存在两点:浮动和外填充,只要把这两点熟悉精通了, ...
- 前端文件下载兼容方案(兼容主流浏览器,包括IE与Safari)
2018年10月26日更新 评论区大家提出了很多留存的问题,比如说不能兼容IE11,不能下载txt和video文件等问题.txt和video的下载问题我还没有证实.不过这些意见都十分可贵. 另外还有人 ...
- 获取浏览器可视区域宽度和高度 兼容主流浏览器
<script type="text/javascript" language="javascript"> function fnG ...
- HTML 鼠标绑定滚动条,js鼠标滑轮滚动事件绑定(兼容主流浏览器)
今天尝试写基于jquery的滚动条,遇到了滚轮事件的兼容性问题,在firefox下和在IE下以及其它浏览器下,监听的事件有区别,查了下相关资料总结一下不同浏览器下鼠标滚轮事件兼容性的处理方式: 在 f ...
最新文章
- ThinkPHP项目笔记之登录,注册,安全退出篇
- 《JAVA练习题目5》 请在类中定义计算阶乘的方法完成本题目的求解
- 树莓派发布全新计算模块CM3,性能提升10倍
- php pg connect,pg_connect
- Touch - 全能名片王
- 聚合项目访问后台接口失败_聚合支付系统和免签支付系统对未来支付市场有哪些影响...
- java学习(105):字符串indexof,spilt,substring方法
- 较简单的字节输入流输出流拷贝文件
- openresty + nginx-http-sysguard 调研使用
- vscode配置python2和python3_VS Code中配置python版本以及Python多版本
- Hibernate简易BaseDao演示单例
- iOS关于通知传值Bool类型的注意点
- 下载列表失败_Mac配置的Motrix,高速下载百度云
- dart语言命名规范
- 三次方程求根公式例子二
- [630]企查查api接口操作
- 23家上市公司抢先机落地区块链应用,政务、金融领域成果最吸睛
- 小程序(之音乐播放器实现思路)
- 面试题:重写equals方法为什么通常会重写hashcode方法?
- Activation