
这是一款非常简单的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>










暂无评论内容