注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

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

作者/代码整理:  (源码已亲测,有问题联系客服微信:guomanqing1314) 发布日期:2023-01-03
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>

售后客服微信:guomanqing1314

微信扫码加好友:

关注公众号:不定期分享免费源码、自媒体工具、壁纸等

其他咨询和服务:

邮箱:1206995177@qq.com

手机:18005151538