当前位置:  首页  >  前端开发  >  设计思想

【JavaScript】分秒倒计时器

一、基本目标在JavaScript设计一个分秒倒计时器,一旦时间完成使按钮变成不可点击状态具体效果如下图,为了说明问题,调成每50毫秒也就是每0.05跳一次表,真正使用的时候,把window.onload=function(){...}中的setInterval(clock.move(),50);从50调成1000即可

一、基本目标

在Javascript设计一个分秒倒计时器,一旦时间完成使按钮变成不可点击状态

具体效果如下图,为了说明问题,调成每50毫秒也就是每0.05跳一次表,


真正使用的时候,把window.Onload=function(){...}中的setInterval("clock.move()",50);从50调成1000即可。

在时间用完之前,按钮还是可以点击的。

时间用完之后,按钮就不能点击了。


二、制作过程

        剩余时间:    


内容推荐:免费高清PNG素材下载
吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有 京ICP备19059560号-4