javascript年月份计时器简易制作

来源：互联网发布：网络综合布线图编辑：程序博客网时间：2024/05/18 12:05
年月份计时器简易制作：
<script type="text/javascript">            function stae(n) {                if (n < 10) {                    return '0' + n;                } else {                    return '' + n;                }            }            //补零返回值            window.onload = function() {                //以下全是获取id类名                var oBox = document.getElementById('box');                var oImg = oBox.getElementsByTagName('img');                var oDiv = document.getElementById('div');                var oNian = document.getElementById('nian');                var oYear = oNian.getElementsByTagName('img');                var oYue = document.getElementById('yue');                var oMrbon = oYue.getElementsByTagName('img');                var oRi = document.getElementById('ri');                var oDate = oRi.getElementsByTagName('img');                function time() {                    var arr = new Date();                    var mar = stae(arr.getHours()) + stae(arr.getMinutes()) + stae(arr.getSeconds());                    //依次获取电脑时间值：时.分.秒                    for (var i = 0; i < oImg.length; i++) {                        //根据图片个数循环获取数值                        oImg[i].src = 'img/' + mar.charAt(i) + '.png';                        //根据循环得出数值转换图片(图片名称以数字命名：从0开始)                    }                    var sda = arr.getDay();                    //获取电脑星期值                    //判断获取电脑星期值的数值，根据数值转换数字图片                    //sda：数组   （数组从0开始）（电脑星期值从左到右：日.一.二.三.四.五.六）                    if (sda == 0) {                        oDiv.src = 'img1/6.png';                    } else if (sda == 1) {                        oDiv.src = 'img1/0.png';                    } else if (sda == 2) {                        oDiv.src = 'img1/1.png';                    } else if (sda == 3) {                        oDiv.src = 'img1/2.png';                    } else if (sda == 4) {                        oDiv.src = 'img1/3.png';                    } else if (sda == 5) {                        oDiv.src = 'img1/4.png';                    } else if (sda == 6) {                        oDiv.src = 'img1/5.png';                    }                    var syear = '' + arr.getFullYear();                    //获取电脑年份值                    for (var i = 0; i < syear.length; i++) {                        oYear[i].src = 'img/' + syear.charAt(i) + '.png';                    }                    var smon = stae(arr.getMonth() + 1);                    //获取电脑月份值                    for (var i = 0; i < smon.length; i++) {                        oMrbon[i].src = 'img/' + smon.charAt(i) + '.png';                    }                    var date = stae(arr.getDate());                    //获取电脑日份值                    for (var i = 0; i < date.length; i++) {                        oDate[i].src = 'img/' + date.charAt(i) + '.png';                    }                }                time();                setInterval(time, 1000);                //定时器：设定每秒自动变幻数值            }        </script>
1 0