JavaScript实现 按钮不可过频繁使用
主要用到setInterval和clearInterval方法和一个计时变量。
效果
代码
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>BOM</title><style>*{margin: 10px;}</style>
</head><body><input type="text"><button>发送</button>
</body>
<script>var btn = document.querySelector('button');btn.addEventListener('click',function(){btn.disabled = true;var i = 6;var timer = setInterval(function(){i --;btn.innerHTML = "再过"+i+"s才能发送";if(i==0){clearInterval(timer);btn.disabled = false;btn.innerHTML = "发送";}},1000);})</script></html>相关文章：
二十分钟教你如何将区块链应用与函数计算相结合
前言 本篇文章适合对区块链应用感兴趣或是想要通过函数计算服务进一步开发区块链应用的新人。本文将结合阿里云区块链服务、阿里云函数计算服务、阿里云日志服务 以及社区应用 Marbles，手把手教大家如何将阿里云区块链服务与阿里云函数计算服务相结合，并…
【转】推荐！国外程序员整理的Java资源大全
构建 这里搜集了用来构建应用程序的工具。 Apache Maven：Maven使用声明进行构建并进行依赖管理，偏向于使用约定而不是配置进行构建。Maven优于Apache Ant。后者采用了一种过程化的方式进行配置，所以维护起来相当困难。Gradle：Grad…
科研成果汇总：收获的季节
感谢课题组各届成员(2006～2010级)长期不懈的努力与付出，特别感谢目前仍工作在第一线的各位成员的鼎力配合与协作，大家辛苦了！同时，还要感谢研究所对我们组的大力支持与帮助！谢谢大家！ BTW&#…
JavaScript 利用location对象实现跨页面传参
需求简述： 两个页面login.html和homepage.html，在login页输入用户名，点击登录会跳转到主页，主页拿到login页输入的用户名 实现思路： 1. 跳转：修改location.html 2. 拿参：处理location.searc…
编译u-boot时候，make distclean 出现rm：无法删除，****是一个目录
今天在编译u-boot的时候，make distclean，出现了rm:无法删除 "include/asm-arm/arch": 是一个目录。经过查看网友的解决办法，已经解决了。 具体解决办法：在uboot顶层有个mkconfig文件，vim打开后，在…
[转载]MaxtoCode对.Net程序加密的原理及解密探讨三（实例解密）
标 题: 【原创】MaxtoCode对.Net程序加密的原理及解密探讨三（实例解密）作 者: rick时 间: 2006-09-29,23:16:28链 接: http://bbs.pediy.com/showthread.php?t32658上一回我们试验了通过反射的方式获取method的源代码。这次我们就用一个实例来演示dump一…
MyEclipse教程：Web开发——创建Web片段项目
MyEclipse 在线订购年终抄底促销！火爆开抢>>MyEclipse最新版下载本教程向用户展示了使用关联的Web项目创建Web片段项目的机制。 用户还可以获得要检查的示例项目。 在本教程中，用户将学习如何：创建Web片段和关联的Web项目部署并测试包含…
JavaScript 实现鼠标移动时实时获取其相对盒子的偏移
实现思路： 1. 获得盒子相对于页面的偏移量 div.offsetTop和div.offsetLeft 2. 获得鼠标相对于页面的偏移量 e.pageY和e.pageX 3. 前两者相减即可获得鼠标相对于盒子上沿和左侧的偏移 4. 使用鼠标移动事件 mousemove 实现效果： 代码 <!DOCTYPE h…
H.264 picture parameter sets成员值含义学习笔记
-picture parameter sets1. pic_parameter_set_idpic_parameter_set_id指明了在切片头中对应的某个psp.pic_parameter_set_id的值应该在0到255,包括0和2552. seq_parameter_set_idset_parameter_set_id表示激活的sps.seq_parameter_set_id应该取值在0到31之间,包括边界值.3. en…
软件开发进度管理
一、什么是软件项目管理 软件项目管理是按需求确定范围、按目标制定项目计划、按计划执行管理的过 程。对软件开发各阶段加强项目管理的根本目的在于增强对软件开发的控 制能力，提升软件开发的质量。软件项目的建设按软件工程的生命周期法可分为项目立项、启动、…
SQLServer之ISO游标使用
什么是游标 结果集，结果集就是select查询之后返回的所有行数据的集合。 游标则是处理结果集的一种机制吧，它可以定位到结果集中的某一行，多数据进行读写，也可以移动游标定位到你所需要的行中进行操作数据。 一般复杂的存储过程&am…
JavaScript实现鼠标拖拽登录框
拖拽的本质是登录框获得光标的偏移来调整自身的偏移。 拖拽发生时，光标相对盒子的坐标不会变化，相对于页面的坐标却在变化，二者的差值就是盒子需要的。 两个注意点： 1. 赋值给盒子的什么属性 outer.style.top e.pageY - y p…
c++ STL容器初探
什么是容器 首先，我们必须理解一下什么是容器，在C 中容器被定义为：在数据存储上，有一种对象类型，它可以持有其它对象或指向其它对像的指针，这种对象类型就叫做容器。很简单，容器就是保存其它对…
flutter开发中常用的dart插件
flutter插件官网地址：https://pub.dartlang.org/packages/ 1. image_picker 一个可以从图库选择图片，并可以用相机拍摄新照片的flutter插件 2. flutter_image 使用NetworkImageWithRetry 代替Image.network 加载网络图片可获得重试能力。 3. barcode_sca…
XML(eXtensible Markup Language)文件的解析
XML与HTML一样，文件中除了根节点以外，整个文件包含一个隐含根“/”,所以我们在解析文件同时一般采用XPath语法进行解析时，一般首先要以反“/”开始。 转载于:https://www.cnblogs.com/hibernate3-example/archive/2010/10/20/2492356.html
JavaScript 立即执行函数的两种写法
(function(str){console.log(str欢迎你~);})(行步至春深);(function(str) {console.log(str欢迎你~);}(行路易知难)); 可以看到，每种写法都比平常多出两个小括号，其中一个可以看作是调用，里面装参数，另一个可以看作防止语法错误。…
【Android动画】之Tween动画 (渐变、缩放、位移、旋转)
Android 平台提供了两类动画。 一类是Tween动画，就是对场景里的对象不断的进行图像变化来产生动画效果（旋转、平移、放缩和渐变）。 第二类就是 Frame动画，即顺序的播放事先做好的图像，与gif图片原理类似。 下面就讲一下…
Mac下PHP7.1+Nginx安装和配置
https://blog.csdn.net/haiyanggeng/article/details/79186982 PHP：7.1.13Nginx：1.12.2 1. 安装PHP# 添加源brew tap homebrew/dupesbrew tap homebrew/versionsbrew tap homebrew/homebrew-php#更新源brew update#安装brew install php71 --with-imap -…
黑木耳的功效是什么
黑木耳，生长在朽木上，形似人的耳朵，色黑或褐黑，故名黑木耳，又名木菌、树鸡。黑木耳营养极为丰富，据史料记载，它是上古时代帝王独享之佳品，含有大量的碳水化合物、蛋白质、铁、钙、磷…
Javascript 移动的海绵宝宝
效果描述： 做一个简单的动画效果，刚刷新页面时，SpongeBob在页面的左上角位置，随着时间推移，他匀速向右移动，直到右侧抵达页面右侧停下来。 分析： SpongeBob作为一张图片被存放在<img>里…
sqlserver任务导出Excle
--sql语句就用下面的存储过程 /*--数据导出Excel 导出查询中的数据到Excel,包含字段名,文件为真正的Excel文件,如果文件不存在,将自动创建文件,如果表不存在,将自动创建表基于通用性考虑,仅支持导出标准数据类型 使用方法： 直接复制执行创建储存过程-－陈…
Oracle集合操作
Oracle集合操作 UNION：并集，所有的内容都查询，重复的显示一次 UNION ALL：并集，所有的内容都显示，包括重复的 INTERSECT：交集：只显示重复的 MINUS：差集：…
Mongodb 4.0+安装
mongodb 4.0：windows 环境选择默认安装路径；存储文件夹自定义： 1.原配置文件删除.mp2.data下新建db文件夹 Mongod -- dbpath D:MongoDB/data3.！！！！！close windows防火墙（…
JavaScript 慢慢移动的海绵宝宝
前情提要：Javascript 移动的海绵宝宝 这个海绵宝宝是匀速运动、突然停下来的，有点不合理。现实中我们跑步都是速度慢慢减小到0。 要实现这个效果，就必须速度逐渐减小，本质上是盒子的步长逐渐减小。 step (targetLocation - nowL…
Linux(CentOS)目录操作命令、文件操作命令、压缩解压缩命令
一、目录操作命令 ls命令 — 功能说明：显示文件和目录列表。 — 命令格式：ls [参数] [<文件或目录> …] — 常用参数： -a : 不隐藏任何以“.”字符开始的条目。 -b : 用八进制形式显示非打…
阿里巴巴持续投入，etcd 正式加入 CNCF
2018 年 12 月 11 日，在 KubeCon CloudNativeCon 北美峰会上，etcd 项目正式加入云原生计算基金会（CNCF）。CNCF 是一个厂商中立的基金会、云原生技术推广和普及的领导者。 etcd 在 2013 年由李响，Brandon Philips, Al…
小机上监控AIX和数据库管理系统的运行情况直到性能优化（SQL语句优化和排除硬件问题）...
AIX下的命令 1)topas 检测操作系统的运行状况 2)nmon(c--cpu,m--memory,d--disk) 检测这3个的情况 ORACLE下的命令 提示：下面这些视图都是实时监控生产机上数据库的情况查询结果每个时刻都随数据库系统当时的情况在变化 （1） selectopname,…
从前端框架到前端架构参考资料
参考资料 • Wiki - MVC https://zh.wikipedia.org/wiki/MVC • Wiki - MVVM https://zh.wikipedia.org/wiki/MVVM • Mustach https://github.com/janl/mustache.js#usage • Handlebars Introduction | Handlebars • React React – A JavaScript library for building us…
(转)(c#)数据结构与算法分析 --树
树 首先，在win下，进入命令行，输入tree，它会以树的形式返回当前文件夹下的所有子文件夹及文件。如上图，就是一个树。就像一棵被颠倒过来的苹果树，每一个元素称之为节点，如图，A就是这棵…
.vimrc文件
1 set number 2 set shiftwidth4 3 set softtabstop4 4 set tabstop4 5 set expandtab 6 "set hlsearch 7 set noerrorbells 8 set smartindent 9 set autoindent 10 set nobackup 11 syntax on 12 filetype on 13 filetype plugin on 14 filetype indent on转载于:https:…