js 对象用法_js当前对象代码-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_64529999/article/details/127002723

这是一个包含三个JavaScript代码段的博客。第一个代码实时显示当前日期和时间，第二个实现按钮点击后随机显示预设姓名，第三个展示了数组操作，包括添加、删除、反转和去重等操作，并演示了如何用join方法连接数组元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<span id="result">
			
		</span>
	<script type=" text/javascript">
		//Date  new Date()
		window.onload=function(){
			setInterval(function(){
				var time=new Date() //获取的是当前事件
				console.log(time)
				var year=time.getFullYear()//年份
				var month=time.getMonth()+1//月份0-11
				var date=time.getDate()//日
				var hours=time.getHours()//小时
				var minutes=time.getMinutes()//分钟
				var seconds=time.getSeconds()//秒数
				month=month>9?month:"0"+month
				date=date>9?date:"0"+date
				hours=hours>9?hours:"0"+hours
				minutes=minutes>9?minutes:"0"+minutes
				seconds=seconds>9?seconds:"0"+seconds
				
				var result=year+"年"+ month+"月"+ date+"日"+ hours+"："+ minutes+":"+ seconds
			//document.write(result)
			document.getElementById("result").innerHTML=result
			},1000)//1000毫秒是一秒
		}
	</script>	
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<span id="uname">
			请点击开始
		</span>
		<input type="button" id="start" value="开始"/>
		<input type="button" id="end" value="结束"/>
		<script type="text/javascript">
			var unames=["张三","李四","王麻子","李总","泡泡"]
var timer
document.getElementById("start").onclick=function(){
	  timer=setInterval(function(){
		//产生一个0-5之间的任意整数
		var index=Math.floor(Math.random()*unames.length)
		document.getElementById("uname").innerHTML=uname[index]
	},50)
}
//停止
document.getElementById("end").onclick=function(){
	clearinteval(timer)//清除定时器
	
}
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//数组
			//创建数组 使用Array()//没有给数组指定长度
			var arr_1=new Array() //没有给数组指定长度
			arr_1[0]="张三"
			arr_1[3]="李四"
			console.log(arr_1.length)
			 
			 var arr_2=new Array(5)//指定数组的长度
			 arr_2[6]="王五"
			 console.log(arr_2.length)
		var arr_3=["张三","李四","王五","赵六","小红","小样"]
		//arr_3.length=0 //可以清空数组
		console.log(arr_3)
		
		//数组中常用的函数
		//添加一个元素到数组中
		arr_3.push("王浩")//将元素添加到最后
		arr_3.unshift("王浩")//将元素添加到最前
		//删除
		arr_3.pop()//将最后一个元素删除
		arr_3.shift()//将数组中的第一个元素删除
		arr_3.splice(3,1)//从指定位置删除指定的元素个数
		console.log(arr_3)
		
		arr_3.reverse()//反转
		console.log(arr_3)
		
		//数组的去重 将不重复的元素放到一个新的数组中
		var arr_4=[1,2,3,2,1,2,12,1,,3,45,56]
		var newArr=[]
		for(var i=0;i<arr_4.length;i++){
			//判断是否已存在莫个元素 如果已存在 则不需要往newArr中添加
			if(newArr.indexOf(arr_4[i])==-1){
				newArr.push(arr_4[i])
			}
		}
		console.log(newArr)
		//多维数组
		var citys=new Array();
		citys["河南"]=["郑州","开封","焦作","商丘"]
		citys[0]=["郑州","开封","焦作","商丘"]
		citys[1]=["武汉","天门","黄石","赤壁"]
		for(var i=0;i<citys.length;i++){
			console.log(citys[i])
			for(var j=0;j<citys[i].length;j++){
				console.log(citys[i][j])
			}
		}
		var arr_5=["张三","李四","王五","赵六","小红","小样"]
		//张三*李四*王五*赵六
		var result=arr_5.join("*")//根据指定的字符将数组中的元素拼接成一个字符串
		console.log(result)
		</script>
		
	</body>
</html>

js 对象 用法

js 对象用法