1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
/*
   功能：向右移动
   参数：
     @obj     目标物体
     @prop    参与运动的属性
     @step    每次移动的距离
     @target  终点位置
 */
function move(obj, prop, step, target) {
    var preTar = parseFloat(getStyle(obj, prop));//初始位置
    //判断起点和终点的位置关系 决定 step的正负
    step = preTar > target ? -step : step;//
    clearInterval(obj.timer);//清除当前正在起作用的定时器，
    //启动新定时器
    obj.timer = setInterval(function () {
        //思路：div的新位置=取出当前div的位置，在当前位置基础上加位移的距离     
        var speed = parseFloat(getStyle(obj, prop)) + step;// '50px'+5
        //判断当前的位置和终点位置的关系   判断方向

        //preTar>target  初始位置>终点位置    向左
        //preTar<target  初始位置<终点位置    向右
        //if(向右&&到达终点 || 向左&&到达终点)
        if (speed >= target && step > 0 || speed <= target && step < 0) {
            clearInterval(obj.timer);
            speed = target;//到达终点之后，
        }
        obj.style[prop] = speed + "px";
    }, 10);
}

1
2
var d=new Date();//创建一个日期对象的实例     对象的实例化

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
        //数字时钟
        showTime();
        // setInterval(showTime, 1000);

        function showTime() {
            var d = new Date();//日期对象的实例
            //年月日
            var year = d.getFullYear();
            var month = d.getMonth() + 1;
            var day = d.getDate();

            //时分秒
            var h = d.getHours();
            var m = d.getMinutes();
            var s = d.getSeconds();

            h = h < 10 ? "0" + h : h;
            m = m < 10 ? "0" + m : m;
            s = s < 10 ? "0" + s : s;
            month = month < 10 ? "0" + month : month;
            day = day < 10 ? "0" + day : day;

            var time = year + "年" + month + "月" + day + "日 " + h + ":" + m + ":" + s;
            document.getElementById("box").innerHTML = time;
            setTimeout(showTime, 1000);//启动一个定时器，1秒钟之后执行showTime函数一次
        }

1
2
var d=new Date("2022/3/11 12:00:00");