jquery 实现倒计时60秒

news/2024/7/10 22:57:34 标签: jquery, 前端, javascript

jquery_60_0">jquery 实现倒计时60秒

<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
  <title>jquery 实现倒计时60秒</title>
  <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>

<body>
  <input type="button" id="btn" value="免费获取验证码" />
  <script type="text/javascript">javascript">
    //发送验证码按钮的60s倒计时

    var countdown = 60;
    $('#btn').css('background', '#0af');
    $('#btn').css('border', 'none');
    $('#btn').css('borderRadius', '5px');
    $('#btn').css('height', '30px');
    $('#btn').css('color', '#fff');
    $('#btn').css('cursor', 'pointer');

    // function sendemail(obj) {
    //   var obj = $("#btn");
    //   getCountTime(obj);
    // }

    function getCountTime(obj) {
      if (countdown == 0) {
        obj.attr('disabled', false);
        obj.val("免费获取验证码");
        countdown = 60;
        $('#btn').css('background', '#0af');
        return;
      } else {
        obj.attr('disabled', true);
        obj.val("重新发送(" + countdown + ")");
        countdown--;
        $('#btn').css('background', '#999')
      }
      setTimeout(function () {
        getCountTime(obj)
      }, 1000)
    }


    $('#btn').click(function () {
      getCountTime($('#btn'))
    })
  </script>
</body>

</html>

http://www.niftyadmin.cn/n/5262337.html

相关文章

批量生成标题文章：AI文章创作助力高效办公，提升办公效率

批量生成标题文章：AI文章创作助力高效办公，提升办公效率

随着人工智能技术的不断发展&#xff0c;AI文章创作已经成为了高效办公的新趋势。这种技术可以快速生成高质量的文章&#xff0c;从而大大提高办公效率。相比传统的手写文章&#xff0c;AI文章创作具有更高的效率和准确性。在撰写文章时&#xff0c;往往要花费大量的时间和精力…
阅读更多...
Python sqlalchemy使用

Python sqlalchemy使用

基本结构 #!/usr/bin/python3 # -*- coding:utf-8 -*- """ author: JHC file: base_db.py time: 2023/6/19 21:34 desc: """ from sqlalchemy import create_engine,text from sqlalchemy.orm import sessionmaker,scoped_session from contex…
阅读更多...
【一种用opencv实现高斯曲线拟合的方法】

【一种用opencv实现高斯曲线拟合的方法】

背景&#xff1a; 项目中需要实现数据的高斯拟合&#xff0c;进而提取数据中标准差&#xff0c;手头只有opencv库&#xff0c;经过资料查找验证&#xff0c;总结该方法。 基础知识&#xff1a; 1、opencv中solve可以实现对矩阵参数的求解&#xff1b; 2、线的拟合就是对多项…
阅读更多...
Python3.7操作DB2数据库

Python3.7操作DB2数据库

Python3.7操作DB2数据库 要在Python中操作DB2数据库&#xff0c;你可以使用IBM提供的 ibm_db 或 ibm_db_sa 包。以下是基本的步骤&#xff1a; 1、安装 ibm_db 包 pip install ibm_db 2、连接到DB2数据库 import ibm_db conn_str "DATABASE<your_database_name>…
阅读更多...
2.61【Python生成器与迭代器】

2.61【Python生成器与迭代器】

Python迭代器与生成器 迭代器 什么是迭代器 首先迭代是指python中访问元素的一种方式&#xff0c;迭代器是一个可以记住遍历位置的对象&#xff0c;因此不会像列表那样一次性全部生成&#xff0c;而是可以等到用的时候才生成&#xff0c;因此节省了大量的内存资源 可迭代对…
阅读更多...
Vue3-13- 【v-for】循环一个对象

Vue3-13- 【v-for】循环一个对象

说明 v-for 这个东西就很神奇&#xff0c;可以遍历一个对象&#xff0c; 当然&#xff0c;它遍历对象是通过 对象的属性名&#xff0c;遍历对象的属性值。语法格式如下 &#xff1a; v-for"(value,key,index) in objName" value : 属性的值 key &#xff1a;属性的k…
阅读更多...
OpenShift与Rancher

OpenShift与Rancher

Rancher的部署 一、系统初始化 1&#xff09;设置IP地址和主机名称 hostnamectl set-hostname rancher 2&#xff09;添加地址解析和开启路由转发 cat >>/etc/hosts<<EOF 192.168.180.210 rancher 192.168.180.200 node1 192.168.180.190 node2 EOF vim/et…
阅读更多...
Knowledge Distillation from A Stronger Teacher（NeurIPS 2022）论文解读

Knowledge Distillation from A Stronger Teacher（NeurIPS 2022）论文解读

paper&#xff1a;Knowledge Distillation from A Stronger Teacher official implementation&#xff1a;https://github.com/hunto/dist_kd 前言 知识蒸馏通过将教师的知识传递给学生来增强学生模型的性能&#xff0c;我们自然会想到&#xff0c;是否教师的性能越强&…
阅读更多...
最新文章

Copyright @ 2022~2023