首页 > Web开发 > 详细

js练习 获取时间 三种弹框

时间:2020-07-30 13:06:43      阅读:100      评论:0      收藏:0      [点我收藏+]

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练习 获取时间 三种弹框

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!