首页 > Web开发 > 详细

JS学习笔记 - fgm练习 - 数字自增 定时器 数字比大小Math.max

时间:2019-01-14 13:44:35      阅读:152      评论:0      收藏:0      [点我收藏+]

 

 

<script>
    window.onload = function(){
        var oP = document.getElementsByTagName(p)[0];
        var i = 0;

        // alert(oP.innerHTML = ++i + 2)   从这里弹窗初始的typeof  innerHTML 和 ++i 运算之后的就很清楚。

        setInterval(updateNum, 1000);
        
        updateNum();   // 复习一下定时器怎么调用的!!
        
        function updateNum()
        {
            oP.innerHTML = ++i;    
            // innerHTML 虽然初始是字符串,但是被++i(数字)赋值了,所以不需要parseInt。
        };
    };
       /**
        var timer = setInterval(myFn(), 300);

        timer();

        };

        var myFn = function(){
        
        var oP = document.getElementsByTagName(‘p‘)[0];
        var i = 0;

        var oNum = parseInt(oP);
        oNum = ++i;
        */ 
    </script>

 

<script>
    window.onload = function(){
        var aInp = document.getElementsByTagName(input);
        var oBtn = document.getElementsByTagName(button)[0];
        var oResult = document.getElementsByTagName(span)[0];

        for(let i=0; i<aInp.length; i++)
        {
            aInp[i].onkeyup = function()
            {
                this.value = this.value.replace(/[^\d]/,"");
                // 正则匹配的 [] 框是干嘛的?
            };
        };
        oBtn.onclick = function(){
            (parseInt(aInp[0].value)>parseInt(aInp[1].value))?
            oResult.innerHTML = aInp[0].value : oResult.innerHTML = aInp[1].value;

            // 示例程序写法  (Math.max  方法)
            // (oResult.innerHTML = Math.max(aInp[0].value, aInp[1].value));
        };
    };
    </script>

 

JS学习笔记 - fgm练习 - 数字自增 定时器 数字比大小Math.max

原文:https://www.cnblogs.com/carpenterzoe/p/10265650.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!