JS之自动更新的时间代码

JS之自动更新的时间代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS之自动更新的时间代码</title>
</head>
<body>
<script>
    /************ JS之自动更新的时间代码 *************/
    //定义全局变量 t
    var t;
    //定义flag标记
    var flag=true;
    //停止函数
    function stop(){
        //清除定时器
        clearInterval(t);
        //将标记设为false
        flag=false;
        //输出
        console.log('停止的定时器是:'+t);
    }
    //继续函数
    function jixu(){
        //如果flag=false创建定时器
        if(flag!=true){
            t = setInterval(clock, 1000);
        }
        //重置flag标记
        flag=true;
        //输出
        console.log('定时器是:'+t);
    }
    //自定义函数,判断数字如果小于10,前面加个0
    function check(x){
        if(x<10){
            return '0'+x;
        }
        return x;
    }
    function clock(){
        //实例化Date方法
        var time = new Date();
        //获取年
        var year = time.getFullYear();
        //获取月
        var month = time.getMonth()+1;  //返回0~11的数
        //获取日
        var day = time.getDay();
        //获取时
        var hour = check(time.getHours());
        //获取分
        var minute = check(time.getMinutes());
        //获取秒
        var second = check(time.getSeconds());
        //输出结果
        document.getElementById('c').innerHTML = year+'-'+month+'-'+day+' '+hour+':'+minute+':'+second;
    }
    clock();

    t = setInterval(clock, 1000);
</script>
</body>
</html>
Copyright [2018] by [羊驼可以吃吗] form [https://www.cnblogs.com/phpisfirst/]
原文地址:https://www.cnblogs.com/phpisfirst/p/9792555.html