vue.js带有星期日期的数字时钟代码

vue.js带有星期日期的数字时钟代码-精品资源网
vue.js带有星期日期的数字时钟代码
此内容为免费资源,请登录后查看
0
免费资源

vue.js带有星期日期的数字时钟代码

这是一款非常简单的vue.js实现的带有星期日期的本地时间数字时钟代码。

js代码

<script type=\"text/javascript\" src=\"js/vue.min.js\"></script>
<script>
var clock = new Vue({
    el: \'#clock\',
    data: {
        time: \'\',
        date: \'\'
    }
});

var week = [\'星期天\', \'星期一\', \'星期二\', \'星期三\', \'星期四\', \'星期五\', \'星期六\'];
var timerID = setInterval(updateTime, 1000);
updateTime();
function updateTime() {
    var cd = new Date();
    clock.time = zeroPadding(cd.getHours(), 2) + \':\' + zeroPadding(cd.getMinutes(), 2) + \':\' + zeroPadding(cd.getSeconds(), 2);
    clock.date = zeroPadding(cd.getFullYear(), 4) + \'-\' + zeroPadding(cd.getMonth()+1, 2) + \'-\' + zeroPadding(cd.getDate(), 2) + \' \' + week[cd.getDay()];
};

function zeroPadding(num, digit) {
    var zero = \'\';
    for(var i = 0; i < digit; i++) {
        zero += \'0\';
    }
    return (zero + num).slice(-digit);
}
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容