码迷,mamicode.com
首页 > Web开发 > 详细

js练习 获取时间 三种弹框

时间:2020-07-30 14:45:17      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:show   获取   doc   time()   练习   element   ntb   alert   head   

js 时间的显示(循环刷新获取时间)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="a">
			
		</div>
		<input type="button" onclick="clearTime()" value="清除" />
		
		<script type="text/javascript">
			window.onload=show();
//			进入页面开始加载
			function show(){
				var d = new Date();
				var h = d.getHours();
				var m = d.getMinutes();
				var s = d.getSeconds();
				var a = document.getElementById("a");
				a.innerHTML=h+"时"+m+"分"+s+"秒";
			}
			var si = setInterval("show()",1000);
			function clearTime(){
//				不能用clear(可能是关键字)
				clearInterval(si);	
			}
		</script>
		<!--边看边思考规律,以便于记住-->
	</body>
</html>

技术图片

js 三种弹框

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="button" onclick="aa()" value="警告" />
		<input type="button" onclick="bb()" value="确定" />
		<input type="button" onclick="cc()" value="提示" />
		
		<script type="text/javascript">
			
			function aa(){
				alert("警告框");
			}
			function bb(){
				var flag = confirm("确定选择吗");
				if (flag==true) {
					alert("已确定");
				}else {
					alert("已取消");
				}
			}
			function cc(){
				var str = prompt("请输入","admin");
				alert(str);
			}
		</script>
	</body>
</html>

技术图片

js练习 获取时间 三种弹框

标签:show   获取   doc   time()   练习   element   ntb   alert   head   

原文地址:https://www.cnblogs.com/ynzj123/p/13403045.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!