不知道什么标题

最新推荐文章于 2021-06-04 07:56:22 发布

纯属打酱油灬

最新推荐文章于 2021-06-04 07:56:22 发布

阅读量102

点赞数

本文链接：https://blog.csdn.net/qq_42161719/article/details/82884335

版权

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script src="javascript/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
	<style type="text/css">
		ul {
			list-style: none;
			display: none;
		}
	</style>

	<body>
		<textarea id="text"></textarea>
		<button class="btn">发送</button>
		<ul>

		</ul>
		<script type="text/javascript">
			var oArr = JSON.parse(localStorage.getItem("arrText")) || []
			if(oArr.length > 0) {
				var srr = ""
				for(var i = 0; i < oArr.length; i++) {
					str += "<li>" + oArr[i] + "</li>"
				}
				$("ul").show()
				$("ul").append(str)
			}
			
			$(".btn").click(function(){
				var oText = $("#text").val()
			    localStorage.setItem("a",oText)
			    var str = $("<li>"+oText+"</li>")
			    $("ul").show()
			    $("ul").append(str)
			    $("#text").val("")
			})
		</script>
	</body>

</html>

自己闲的无聊敲出来的

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>走动的表</title>
		<style>
			body{
				background: black;
			}
			canvas{
				background: #fff;
			}
		</style>
	</head>
	<body>
		<canvas id="canvas" width="400" height="400">
			不支持
		</canvas>
		<script>
			var oC = document.getElementById("canvas")
			var oGC = oC.getContext("2d")
			
			function draw(){
				var oDate = new Date()
				var oHours = oDate.getHours()
				var oMin = oDate.getMinutes()
				var oSec = oDate.getSeconds()
				
				var oHoursValue = (-90+oHours*30+oMin/2)*Math.PI/180
				var oMinValue = (-90+oMin*6)*Math.PI/180
				var oSecValue = (-90+oSec*6)*Math.PI/180
				
				//60个小刻度
				var x = 200
				var y = 200
				var r = 150
				oGC.save()
				oGC.beginPath()
				for (var i=0;i<60;i++) {
					oGC.moveTo(x,y)
					oGC.arc(x,y,r,6*i*Math.PI/180,6*(i+1)*Math.PI/180)
				}
				
				oGC.closePath()
				oGC.stroke()
				oGC.restore()
				
				//第一个大圆
				oGC.save()
				oGC.beginPath()
				oGC.fillStyle = "white"
				oGC.moveTo(x,y)
				oGC.arc(x,y,r*19/20,0,360*Math.PI/180)
				oGC.closePath()
				oGC.fill()
				oGC.restore()
				//12个大刻度
				oGC.save()
				oGC.beginPath()
				oGC.lineWidth = 3
				for (var i=0;i<12;i++) {
					oGC.moveTo(x,y)
					oGC.arc(x,y,r,30*i*Math.PI/180,30*(i+1)*Math.PI/180)
				}
				oGC.closePath()
				oGC.stroke()
				oGC.restore()
				//第二个圆
				oGC.save()
				oGC.beginPath()
				oGC.fillStyle = "white"
				oGC.moveTo(x,y)
				oGC.arc(x,y,r*18/20,0,360*Math.PI/180)
				oGC.closePath()
				oGC.fill()
				oGC.restore()
				//时针
				oGC.save()
				oGC.beginPath()
				oGC.moveTo(x,y)
				oGC.strokeStyle = "blue"
				oGC.arc(x,y,r*10/20,oHoursValue,oHoursValue)
				oGC.closePath()
				oGC.stroke()
				oGC.restore()
				//分针
				oGC.save()
				oGC.beginPath()
				oGC.moveTo(x,y)
				oGC.strokeStyle = "green"
				oGC.arc(x,y,r*12/20,oMinValue,oMinValue)
				oGC.closePath()
				oGC.stroke()
				oGC.restore()
				//秒针
				oGC.save()
				oGC.beginPath()
				oGC.moveTo(x,y)
				oGC.strokeStyle = "red"
				oGC.arc(x,y,r*16/20,oSecValue,oSecValue)
				oGC.closePath()
				oGC.stroke()
				oGC.restore()
				
				
				
				
				
				
			}
			
			setInterval(function(){
				draw()
				
			},1000)
			
			
			draw()
			
			
		</script>
	</body>
</html>

纯属打酱油灬

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
不知道什么标题

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;script src="javascript/js/jquery-1.11.0.js"
复制链接

扫一扫