JS 定时器

代码是学习别人的，我的目的就是学习别人的代码，组建自己的代码库。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>计时器</title>
</head>
<body>
    <input id="timeBox" type="text" name="name" value="" />
    <input id="start" type="button" name="name" value="开始" />
    <input id="stop" type="button" name="name" value="停止" />
    <input id="clear" type="button" name="name" value="清空" />

    <script type="text/javascript">

        //声明一个全局的number，保存定时器的ID
        var number;

        //在 timebox 框中显示当前时间
        //1、获取当前时间
        function fill(){
            var now = new Date();
            var nowStr = now.toLocaleString();//2018/4/8 上午9:28:00
            var nowDate = now.toLocaleDateString();//2018/4/8
            var nowTime = now.toLocaleTimeString(); //上午9:27:23

            //2、把时间字符串填充到 input 框里
            var tbox = document.getElementById("timeBox");
            tbox.value = nowStr;
        }

        //点击开始时，动起来
        //找到开始按钮，给他绑定事件
        var startButton = document.getElementById("start");
        startButton.onclick=function() {
            fill();

            if (number === undefined) {
                //把定时器的 id 复制给之前声明的全局变量 t
                number = setInterval(fill, 1000);
            }
        }

        var stopButton = document.getElementById("stop");
        stopButton.onclick = function () {
            //清除定时器
            clearInterval(number);
            number = undefined;
        }

        var clearButton = document.getElementById("clear");
        clearButton.onclick = function () {
            clearInterval(number);
            number = undefined;

            //3、清空 input 框里
            var tbox = document.getElementById("timeBox");
            tbox.value = "";
        }
    </script>
</body>
</html>

 获取参数中的值

/**
 * 获取浏览器参数
 * @param {any} url
 */
function getUrlParam(url) {
    var queryArr = (url && url.substr(url.indexOf('?') + 1).split('&')) ||
        location.search.substr(1).split('&'),
        query = {};
    for (var i = 0, len = queryArr.length; i < len; i++) {
        var key = queryArr[i].split('=')[0],
            val = queryArr[i].split('=')[1];
        if (query.hasOwnProperty(key)) {
            if (!Array.isArray(query[key])) {
                query[key] = [query[key]]
                query[key].push(val)
            } else {
                query[key].push(val)
            }
            continue
        }
        query[key] = val
    }
    return query
}

 

posted @ 2018-04-08 09:39  周兴兴  阅读(172)  评论(0)  编辑  收藏  举报