同意按钮，倒计时10秒，同意按钮变为可提交的

HTML代码：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 </head>
 7 
 8 <body>
 9 <form>
10 <input type="submit" id="b1" name="b1" value="同意(10)" disabled="disabled" /></form>
11 </body>
12 </html>
13 <script>
14 
15 var n=10;
16 var b=document.getElementById("b1");
17 function bian()
18 {
19     n--;
20     if(n==0)
21     {
22         b.removeAttribute("disabled");
23         b.value="同意";
24         }
25         else
26         {
27             b.value="同意("+n+")";
28             window.setTimeout("bian()",1000);
29             }        
30 }
31 window.setTimeout("bian()",1000);
32 </script>

效果为：

转载于:https://www.cnblogs.com/hanazawalove/p/5323974.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/418736.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

前端学习（1850）vue之电商管理系统电商系统vue脚手架安装

前端学习（1850）vue之电商管理系统电商系统vue脚手架安装

1. 先下载node.js&#xff0c;下载地址&#xff1a;https://nodejs.org/en/download/ 找个目录保存&#xff0c;解压下载的文件&#xff0c;然后配置环境变量&#xff0c;将下面的路径配置到环境变量中。 安装node 配置进环境变量 检查是否安装完成 2. npm配置 查看npm配置信息…
阅读更多...
使用jquery获取url及url参数的方法及定义JQuery扩展方法

使用jquery获取url及url参数的方法及定义JQuery扩展方法

1、jquery获取url很简单&#xff0c;代码如下&#xff1a; window.location.href; 其实只是用到了javascript的基础的window对象&#xff0c;并没有用jquery的知识。 2、jquery获取url参数比较复杂&#xff0c;要用到正则表达式&#xff0c;所以学好javascript正则式多么重要的…
阅读更多...
前端学习（1851）vue之电商管理系统电商系统vue创建项目

前端学习（1851）vue之电商管理系统电商系统vue创建项目

1输入命令vue-ui 2点击创建 3初始化 4手动配置项目 点击创建项目 创建完成 安装插件 点击安装即可 配置插件 点击依赖 安装依赖
阅读更多...
在Google Maps 上点击标签后显示说明

在Google Maps 上点击标签后显示说明

JS如下&#xff1a; (function() { window.onload function() { // Creating an object literal containing the properties // you want to pass to the map var options { zoom: 3, center: new google.maps.LatLng(37.09, -95.71), mapTypeId: google.maps.MapTypeId.RO…
阅读更多...
前端学习（1851）vue之电商管理系统电商系统配置ssh

前端学习（1851）vue之电商管理系统电商系统配置ssh

1登录到码云 2设置 生成公钥 3添加公钥 验证成功
阅读更多...
前端学习（1852）vue之电商管理系统电商系统托管码云上

前端学习（1852）vue之电商管理系统电商系统托管码云上

1新建仓库 2执行命令 3添加git add . 3git add files 提交
阅读更多...
前端学习（1853）vue之电商管理系统电商系统之git安装

前端学习（1853）vue之电商管理系统电商系统之git安装

1下载安装包 git官网&#xff1a; https://git-scm.com/download/win git阿里镜像&#xff1a; https://npm.taobao.org/mirrors/git-for-windows/ 2安装 基本傻瓜程序 上图红框内的选项是默认勾选的&#xff0c;建议不要动。绿色框1是决定是否在桌面创建快捷方式的。绿色框…
阅读更多...
Beaglebone Black教程Beaglebone Black的引脚分配

Beaglebone Black教程Beaglebone Black的引脚分配

Beaglebone Black教程Beaglebone Black的引脚分配 Beaglebone Black的引脚分配 绝大多数的微型开发平台都提供了一些称为GPIO的输入输出端口。这些端口可以让你使用软件和硬件来控制一些电子的东西&#xff0c;每个端口都被赋予了一个特定的功能——模拟或数字。大多数的微控制…
阅读更多...
iOS Social框架

iOS Social框架

现在很多应用都内置“社交分享”功能&#xff0c;可以将看到的新闻、博客、广告等内容分享到微博、微信、QQ、空间等&#xff0c;其实从iOS6.0开始苹果官方就内置了Social.framework专门来实现社交分享功能&#xff0c;利用这个框架开发者只需要几句代码就可以实现内容分享。下…
阅读更多...
前端学习（1856）vue之电商管理系统电商系统之安装mysql出现mysql报错：Can’t start server: Bind on TCP/IP port: 通常每个套接字地址(协议/网络地址

前端学习（1856）vue之电商管理系统电商系统之安装mysql出现mysql报错：Can’t start server: Bind on TCP/IP port: 通常每个套接字地址(协议/网络地址

2020-07-26T11:44:29.778919Z 0 [ERROR] [MY-010262] [Server] Cant start server: Bind on TCP/IP port: 通常每个套接字地址(协议/网络地址/端口)只允许使用一次。
阅读更多...
简单存取款机的实现---控制输入变量的规则

简单存取款机的实现---控制输入变量的规则

转载于:https://www.cnblogs.com/quanby/p/5335527.html
阅读更多...
前端学习（1854）vue之电商管理系统电商系统之安装mysql

前端学习（1854）vue之电商管理系统电商系统之安装mysql

本地安装好数据库 source导入命令 source d:/mydb.sql
阅读更多...
[原]Jenkins(十二)---jenkins管理员用户无法登陆解决办法Access Denied

[原]Jenkins(十二)---jenkins管理员用户无法登陆解决办法Access Denied

/** * lihaibo * 文章内容都是根据自己工作情况实践得出。 *如有错误&#xff0c;请指正 * 版权声明&#xff1a;本博客欢迎转发&#xff0c;但请保留原作者信息! http://www.cnblogs.com/horizonli/p/5337295.html */ 一、问题出现的原因&#xff1a; 如下图&#xff0c;在…
阅读更多...
前端学习（1857）vue之电商管理系统电商系统之登录过程和token

前端学习（1857）vue之电商管理系统电商系统之登录过程和token

阅读更多...
前端学习（1858）vue之电商管理系统电商系统之分析登录页面的布局结构

前端学习（1858）vue之电商管理系统电商系统之分析登录页面的布局结构

查看状态 建立分支 查看当前分支
阅读更多...
前端学习（1859）vue之电商管理系统电商系统之梳理项目结构

前端学习（1859）vue之电商管理系统电商系统之梳理项目结构

vue ui打开 app.vue <template><div id"app">app根组件</div> </template><script>export default {name: app,} </script><style> #app {font-family: Avenir, Helvetica, Arial, sans-serif;-webkit-font-smoothing: a…
阅读更多...
前端学习（1860）vue之电商管理系统电商系统之渲染login组件并且实现路由重定向

前端学习（1860）vue之电商管理系统电商系统之渲染login组件并且实现路由重定向

vue ui打开 app.vue <template><div id"app"><router-view></router-view></div> </template><script>export default {name: app,} </script><style> #app {font-family: Avenir, Helvetica, Arial, sans-s…
阅读更多...
CAEmitterLayer实现粒子效果

CAEmitterLayer实现粒子效果

在iOS 5中&#xff0c;苹果引入了一个新的CALayer子类叫做CAEmitterLayer。CAEmitterLayer是一个高性能的粒子引擎&#xff0c;被用来创建实时例子动画如&#xff1a;烟雾&#xff0c;火&#xff0c;雨等等这些效果。 CAEmitterLayer看上去像是许多CAEmitterCell的容器&#xf…
阅读更多...
前端学习（1861）vue之电商管理系统电商系统之设置背景色并在中央绘制登录盒子

前端学习（1861）vue之电商管理系统电商系统之设置背景色并在中央绘制登录盒子

1安装less_loader依赖 2安装less 3目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vueVue.use(Router)export default new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login}] }) logi…
阅读更多...
前端学习（1862）vue之电商管理系统电商系统之绘制默认头像

前端学习（1862）vue之电商管理系统电商系统之绘制默认头像

修改头像位置 3目录结构 router.js import Vue from vue import Router from vue-router import Login from ./components/Login.vueVue.use(Router)export default new Router({routes:[{path:/,redirect:/login},{path:/login,component:Login}] }) login.vue <templat…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023