zoukankan      html  css  js  c++  java
  • JavaScript实用的例子

    ---恢复内容开始---

    1.发送验证码

    <input id="send" type="button" value="发送验证码">
    
    <script>  
        var times = 60, // 时间设置60秒
        timer = null;
        document.getElementById('send').onclick = function () {
         // 计时开始
         timer = setInterval(function () {
         times--;
         if (times <= 0) {  
         send.value = '发送验证码';
         clearInterval(timer);
         send.disabled = false;
         times = 60;
         } else {
         send.value = times + '秒后重试';
         send.disabled = true;
         }
         }, 1000);
        }
        var times = 60,
            timer = null;
        $('#send').on('click', function () {
        var $this = $(this);
        // 计时开始
        timer = setInterval(function () {
        times--;
         if (times <= 0) {  
            $this.val('发送验证码');
            clearInterval(timer);
            $this.attr('disabled', false);
            times = 60;
            } else {
                $this.val(times + '秒后重试');
                $this.attr('disabled', true);
            }
            }, 1000);
        });
    </script>

    2.输出今天的日期,以YYYY-MM-DD的方式,比如今天是2018年5月21日,则输出2018-05-21

    var date = new Date();
        var dateYear = date.getFullYear();
        var dateMonth = date.getMonth() + 1;
        dateMonth = dateMonth < 10 ? '0'+dateMonth : dateMonth;
        var dateDays = date.getDate();
        dateDays = dateDays < 10 ? '0'+dateDays : dateDays;
        console.log(dateYear + '-' + dateMonth + '-' + dateDays);

    3.用js来判断浏览器版本,以及手机终端

     js来判断浏览器版本

    var ipspan =document.querySelector(".span");
        
        function inspect(){
            var userAgent=navigator.userAgent;
    
            // 火狐浏览器
            if(userAgent.indexOf("Firefox") >-1){
                return "Firefox";
            }
            // 谷歌浏览器
            if(userAgent.indexOf("Chrome") >-1){
                return "Chrome";
            }
            // IE
            if(userAgent.indexOf("IE") >-1){
                return "IE";
            }
        }
    
        ipspan.onclick=function(){
            document.querySelector(".seebro").innerHTML =inspect();
        }

     js来判断手机终端,是安卓还是苹果

     (function(){
            var u = navigator.userAgent;
            var isAndroid =u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //Android终端  Google 浏览器默认为 Android 端
            var isIOS =!!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //IOS终端
    
            console.log(isAndroid);
            console.log(isIOS);
        }()) 

    4.

    ---恢复内容结束---

  • 相关阅读:
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    初识面向对象编程(Object Oriented Programming,OOP)
    详述WebLogic反序列化远程命令执行漏洞的处理过程,云和恩墨技术通讯精选
    分布式监控系统zipkin介绍
    Uncaught TypeError: Cannot set property 'render' of undefined
    python PIL的Image.resize()和Image.thumbnail()函数的区别
    dump 组合索引存储null值
    史上最全MySQL锁机制
    Dump 组合索引
  • 原文地址:https://www.cnblogs.com/wangming1002/p/9066942.html
Copyright © 2011-2022 走看看