javascript实现下班倒计时效果的方法(可桌面通知)_javascript技巧
程序员文章站
2022-05-13 10:39:34
...
本文实例讲述了javascript实现下班倒计时效果的方法。分享给大家供大家参考。具体如下:
周末了,搞个下班倒计时,娱乐下。
确保下面三点:
1、非IE浏览器,较高Chrome版本,已开启HTML5桌面通知。具体设置见下面截图
2、将这个HTML放到本地Web服务器上测试,直接双击运行无法弹出桌面通知
顺带提下,这个程序很容易扩展成定时通知。
做这个东西的过程有两点比较纠结,总结下:
1、parseInt("09")返回的是0。正确做法是parseInt("09", 10),显式指定基数为十进制
2、false与"false",这个也有点小纠结,开始我这样
$("#minute").attr("readonly", "false");
但达不到效果,因为实际上readonly属性只有两个值true或false,所以如果我设置它的值为"false",那么相当于设置(非空字符串转成布尔类型为true):
$("#minute").attr("readonly", true);
更新:
修复了一些小Bug,体会到这句话”看起来很简单的东西也不是那么容易“。
运行效果如下图所示:
下班倒计时 还有 分 秒 下班!可以下班了,哦耶~~
希望本文所述对大家的javascript程序设计有所帮助。
推荐阅读
-
js实现同一页面多个运动效果的方法_javascript技巧
-
js实现类似新浪微博首页内容渐显效果的方法_javascript技巧
-
js实现网页自动刷新可制作节日倒计时效果_javascript技巧
-
js实现类似jquery里animate动画效果的方法_javascript技巧
-
js实现简单选项卡与自动切换效果的方法_javascript技巧
-
js实现交换运动效果的方法_javascript技巧
-
js实现类似新浪微博首页内容渐显效果的方法_javascript技巧
-
js实现图片漂浮效果的方法_javascript技巧
-
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)_javascript技巧
-
js实现同一页面多个运动效果的方法_javascript技巧