4.19 作业

最新推荐文章于 2024-04-26 16:45:39 发布

羊肉串学爪哇

最新推荐文章于 2024-04-26 16:45:39 发布

阅读量68

点赞数

文章标签： js

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_45172902/article/details/124313381

版权

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>图片轮播</title>

<style>

div,img{

width: 500px;

height: 500px;

margin: auto;

/* position: absolute;

margin-top: 40px;

margin-left: 20px; */

}

#d1{

width: 200px;

height: 200px;

border: 20px red solid;

border-radius: 50px;

}

</style>

</head>

<body>

<div id="d1">

<button οnclick="start();">开始</button>

<button οnclick="stop();">停止</button>

</div >

<div id="d2"> <img src="img/1.jpg" alt=""></div>

<script>

var index=0;

var imgArr=["1","2","3"];

//切换图片的方法

function change(){

index++;

var img=document.getElementsByTagName("img")[0];

img.setAttribute("src","img/"+imgArr[index % imgArr.length]+".jpg");

}

var flag=true;

function start(){

if(flag){

timer=setInterval("change()",1000);

flag=false;

}

}

function stop(){

clearInterval(timer);

flag=true;

}

</script>

</body>

</html>

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>实时时间</title>

</head>

<script type="text/javascript">

function load(){

window.setInterval('showRealTime(clock)',1000);

}

</script>

<body οnlοad="load()">

<div id="clock"></div>

<script type="text/javascript">

function showRealTime(clock){

var d = new Date();

var year = d.getFullYear();

var month = d.getMonth() + 1;

var date = d.getDate();

var days = new Array("日","一","二","三","四","五","六");

var day = d.getDay();

var hour = (d.getHours() < 10) ? ("0" + d.getHours()) : d.getHours();

var min = (d.getMinutes() < 10) ? ("0" + d.getMinutes()) : d.getMinutes();

var sec = (d.getSeconds() < 10) ? ("0" + d.getSeconds()) : d.getSeconds();

var localtime = year + "年" + month + "月" + date + "日<br>星期" + days[day] + "<br>" + hour + ":" + min + ":" + sec;

clock.innerHTML = "现在的时间是：" + localtime;

}

</script>

</body>

</html>

羊肉串学爪哇

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
4.19 作业

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。