这是一款非常简单的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>
暂无评论内容