JS八

发表于 | 分类于

定时器

定时器

每隔一秒钟，就去执行一次 fn 这个函数

1
2
setInterval(fn,1000);
setInterval(function(){},1000);

定时器，每隔1秒 + 1

1
<div id="demo"></div>
1
2
3
4
5
6
7
8
9
10
11
12
<script>
    function $(id){
        return document.getElementById(id);
    }
    setInterval(fn,1000);
    var num = 0;
    function fn(){
        num++;
        $("demo").innerHTML = num;
    }
</script>

日历

html

1
2
3
4
<div class="box" id="box">
    <p></p>
    <span></span>
</div>

css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.box{
    width: 150px;
    height: 180px;
    background-color: #369;
    margin: 100px auto;
    text-align: center;
}
.box p {text-align: center;
    line-height: 60px;
    font-size:12px;
    color: #fff;
}
.box span {
    width: 100px;
    height: 50px;
    line-height: 50px;
    background-color: yellowgreen;
    display: block;
    margin: 0 auto;
    font-size: 20px;
}

script

1
2
3
4
5
6
7
8
9
10
11
12
13
window.onload = function(){
    var box = document.getElementById("box");
    var p = document.getElementsByTagName("p")[0];
    var span = document.getElementsByTagName("span")[0];
    var arr = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
    var dt = new Date();
    var dtYear = dt.getFullYear();
    var dtMonth = dt.getMonth()+1;
    var dtDate = dt.getDate();
    var dtDay = dt.getDay();
    p.innerHTML = dtYear + "年" + dtMonth + "月" + dtDate + "日";
    span.innerHTML = arr[dtDay];
}