js实现点击开关灯和计时开关灯案例与首页的跳转。

最新推荐文章于 2023-05-15 19:36:36 发布

忘忘忘忘忘鱼

最新推荐文章于 2023-05-15 19:36:36 发布

阅读量316

点赞数

分类专栏： js案例文章标签： javascript webview elementui

本文链接：https://blog.csdn.net/weixin_62445683/article/details/125016563

版权

js案例专栏收录该内容

1 篇文章 0 订阅

订阅专栏

分享使我快乐。

1、解析很详细，直接看代码。

2、结果图

3、总结

1、解析很详细，直接看代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" onclick="on()" value="开灯">
<img id="myphoto" src="关灯.jpg" border="0" >
<input type="button" onclick="off()" value="关灯">
<!--书写开关灯方法-->
<script>
<!--    开灯方法-->
    function on() {
        document.getElementById("myphoto").src="开灯.jpg";
    }
    <!--关灯方法 -->
      function off(){
        document.getElementById("myphoto").src="关灯.jpg";
      }
</script>
<!--定时器开关灯2种
1，无限循环
2，只循环一次-->
<!--<script>
&lt;!&ndash;    无限开关灯&ndash;&gt;
document.write("开始1秒循环一次无限循环")
flag=0;
setInterval(function (){
    if(flag%2==1){
        on();
    }else {
        off();
    }
    flag++;
},1000)

</script>-->

<!--点击后跳转首页-->
<input type="button" onclick="tz()" value="跳转首页">
<script>
function tz(){
    location.href="https://www.csdn.net/"
}
</script>
</body>
</html>

那个定时器开关灯只循环一次，只需把setInterval改为setTimeout就行。