文档章节

兼容主流浏览器的网页闹钟

J
 JB晨
发布于 2014/06/26 15:26
字数 403
阅读 50
收藏 0
点赞 0
评论 2
//下面是要用到的全局变量
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;
    //是否为IE
    if(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,8
    if(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;
    }
}
/*
   将页面上所有控件禁用主要的工作已经完成了,剩下的就靠组装了~~
*/

© 著作权归作者所有

共有 人打赏支持
J
粉丝 0
博文 3
码字总数 919
作品 0
长沙
加载中

评论(2)

kofack
kofack
79
kofack
kofack
膜拜
多内核IE浏览器--IETester

在设计网页的时候,不得不考虑浏览器兼容问题,就IE在市场上就有好几个版本在使用,而每个版本对CSS的解析方式都会有些许的差别,要做到兼容各 种主流浏览器,我们首先要做的当然是安装各种不...

匿名
2009/12/21
14.1K
0
html5 websocket如果在众多浏览器中实现,你会选择用它代替ajax么

websocket 保持网页与服务器的tcp通讯连接,数据传输量小,效率高,通讯及时。 目前各大主流浏览器已经兼容。 如果你的用户是完全使用主流浏览器的,你会选择用它代替ajax么?...

那天早上
2013/10/16
751
4
IETester 7.3.3 发布,多版本 IE 浏览器

IETester 7.3.3 发布,该版本修复了在 Win7+ 系统上从 DebugBar 菜单中启动 IETester 时出现“IETester not found” 的问题。 在设计网页的时候,不得不考虑浏览器兼容问题,就IE在市场上就有...

oschina
2014/08/24
3.9K
18
ECMA Script 6 成绩 72% 的新 Edge 内核

IE6 的辉煌没有人能够忘记,但随着 Webkit 系的崛起,原开发团队被拆散分配至其它产品的 IE 开始被消费者认为是“卡、慢、丑”的象征。终于,微软开始为 IE 打造新的 Edge 引擎。至少从数据上...

oschina
2014/11/26
5K
41
KingWTD/kaplayer

KAPlayer 一款基于Audio5js的跨浏览器的网页播放器 升级与优化 引入了audio5js,兼容多浏览器 在audio5js中添加了stop方法 自带了一个音频(GoodTime.mp3),可以试听 环境与运行 项目内置了一...

KingWTD
2017/07/25
0
0
div css页面如何提高用户体验 和 chrome浏览器CSS字体大小小于12px不起作用解决方法

提高用户体验度可以增加流量、增加用户在你网页停留时间、提高成交转化率等。 提高用户体验度首先是需要设计适合用户体验的网页美工图。有了合适的美工图,在后续的CSS切图布局时候才能按照网...

名字已被取
2016/03/08
155
0
zepto和jquery的区别

1、Zepto是为现代智能手机浏览器推出的Javascript 框架, 有和jQuery相似的语法, 和jQuery相比下来, 他有很多优点, 大小方面 , 压缩后的 zepto.min.js 大小只有21K, 使用服务器端 gzip 压缩后...

mickelfeng
2016/04/16
127
0
JavaScript图像处理--ImageFX

该 JavaScript 库为图片添加效果,如虚化,锐化,浮雕,加亮等。ImageFX 使用画布对象实现这些效果,兼容所有主流浏览器。这个库非常容易使用,只要将 .js 库文件插入网页,调用那些函数即可...

匿名
2009/03/05
4.8K
1
ImageFX的网友评论

该 JavaScript 库为图片添加效果,如虚化,锐化,浮雕,加亮等。ImageFX 使用画布对象实现这些效果,兼容所有主流浏览器。这个库非常容易使用,只要将 .js 库文件插入网页,调用那些函数即可...

红薯
2009/12/11
264
2
webCoder/jsModern

jsModern 组件扩展工具库 这是一套完全基于 jQuery 的网页组件扩展工具库,它可以完美兼容桌面端主流的现代高级浏览器,大部分功能还提供了对移动端浏览器的支持。其内部包含了多个在前端开发...

webCoder
2017/12/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

崛起于Springboot2.X之前端模版freemaker(23)

1、配置文件 spring: freemarker: allow-request-override: false cache: true check-template-location: true charset: UTF-8 content-type: text/html ......

木九天
16分钟前
1
0
spring-boot:run启动时,指定spring.profiles.active

Maven启动指定Profile通过-P,如mvn spring-boot:run -Ptest,但这是Maven的Profile。 如果要指定spring-boot的spring.profiles.active,则必须使用mvn spring-boot:run -Drun.profiles=test......

夜黑人模糊灬
18分钟前
0
0
大数据分析挖掘技术学习:Python文本分类

引言 文本分类作为自然语言处理任务之一,被广泛应用于解决各种商业领域的问题。文本分类的目的是将 文本/文档 自动地归类为一种或多种预定义的类别。常见的文本分类应用如下: • 理解社交媒...

加米谷大数据
23分钟前
0
0
istio-0.8 指标监控,prometheus,grafana

配置: https://istio.io/docs/tasks/telemetry/metrics-logs/ https://istio.io/docs/tasks/telemetry/tcp-metrics/ envoy拦截请求>上报mixer>对接prometheus>grafana 效果截图: promethe......

xiaomin0322
24分钟前
0
0
公众号推荐

阿里技术 书籍:《不止代码》

courtzjl
27分钟前
0
0
关于改进工作效率

1.给不同的业务线建立需求群,所有的数据需求都在群里面提。 2.对于特别难搞定的事情,到对应的技术哪去做,有问题随时沟通。 3.定期给工作总结形成方法论。 4.学习新的技术,尝试用新的方法...

Avner
34分钟前
0
0
关于thinkphp 框架开启路径重写,无法获取Authorization Header

今天遇到在thinkphp框架中获取不到header头里边的 Authorization ,后来在.htaccess里面加多一项解决,记录下: <IfModule mod_rewrite.c> Options +FollowSymlinks -Multiviews Rewrite......

殘留回憶
38分钟前
0
0
centos 使用yum安装nginx后如何添加模块 10

centos 使用yum安装nginx后如何添加模块 10 centos6.2版本,使用yum来安装了nginx,但是最近需要重新添加模块,所以就傻了,询问下有人知道怎么重新添加模块吗? PS:俺是新手,需要高手救助...

linjin200
41分钟前
1
0
dubbo 资料

dubbo资料网站: https://www.cnblogs.com/a8457013/p/7818925.html

zaolonglei
42分钟前
0
0
大型网站,你是如何架构的?

大型网站,你是如何架构的?

微小宝
44分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部