初学者关于js的用法

1

点灯开关，实现点击实现等开灯关灯效果

 <img id="light" src="images/off.gif" onclick="fun()" >

<script>

var aa = false;

function fun() {
    var light = document.getElementById("light");
    if (aa) {
        light.src = "images/off.gif";
        aa = false;
    } else {
        light.src = "images/on.gif";
        aa = true;
    }

}

</script>

2

轮播图的效果实现

var num = 1;
<script>
function fun() {
    num++;
    if (num > 3) {
        num = 1;

    }
    document.getElementById("images1").src = "images/banner_"+ num +".jpg";
}

setInterval(fun, 2000);
</script>

3

实现页面跳转

设置了跳转到百度

<p>
<span id="min">5</span>秒后跳转</>
</p>
<script>
var time = document.getElementById("min");
var  second =5;

function fun() {
    second --;
    if (second <= 0) {
        location.href = "https://www.baidu.com";
    }
    time.innerHTML = second;

}

setInterval(fun, 1000);
</script>