js总结5

本文介绍了JavaScript中字符串、数学及数组对象的基本方法,并通过实际案例展示了如何利用这些方法实现猜数字游戏、实时时间显示及随机抽选等功能。

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

一、

1.字符串对象

方法(参数列表)/  属性                                 说明

length                                                              返回字符串长度

charAt(num)                                               返回参数num指定索引处的字符的Unicode值

charCodeAt(num)                                      返回参数num指定索引处的字符的Unicode值

indexOf(string[,num])                                 返回参数string在字符串中首次出现的位置

lastlndexOf(string[,num])                                返回参数string在字符串中最后出现的位置

substring(index1[,index2]                               返回字符串中index1和index2之间的字符串

substr(index1[,num])                                      返回字符串index1之后的num个字符

toUpperCase()                                             返回字符串大写形式

toLowerCase()                                               返回字符串小写形式

split(reg,num)                                                 根据参数传入的正则表达式或者字符(串),将字                                                                             符传分割成字符串数组

replace(reg,string)                                          根据参数传入的正则表达式或者字符(串),将字                                                                           符串替换为新字符串

search(string)                                                 返回参数string出现的位置

2.数学对象

数学对象提供基本的数学函数和常数

数学对象不需要使用new运算符

 

1.1console.log(Math.ceil(12.3))      返回一个大于该数字的最小整数

1.2console.log(Math.floor(12.3))    返回一个小于该数字的最大整数

1.3console.log(Math.round(12.7))  返回一个四舍五入的整数

1.4console.log(Math.pow(2,3))      返回x的y次幂

1.5console.log(Math.max(2,3,5,3))判断谁最大

随机出0-10之间的任意整数

console.log(math.floor(Math.random()*11)

3.数组对象

 

二、

1.1猜数字随机生成一个0-10的任意数字

<body>
		<input type="text" name="" id="name" value="" />
		<input type="button" name="" id="bt" value="随机" />
		<script type="text/javascript">
var x=Math.floor(Math.random()*11)
			document.getElementById("bt").onclick=function(){
				var name=parseInt(document.getElementById("name").value)
				if(name>x){
					alert("你输入数字太大")
				}else if(name<x){
					alert("你输入数字太小")
				}else{
					alert("恭喜答对")
				}
			}
</script>

var name=parseInt(document.getElementById("name").value)

获取文本框中输入的内容

1.2Date对象需要通过new进行实践定时器,每个多长时间调用一次回调函数

1.var time =new Date()                 获取的是当前时间(包括日期)

2.var year=time.getFullYear()       获取的是年份

3.var month=time.getMonth()+1   获取的是月份

4.var hours=time.getHours()        获取到是小时

5.var minutes=time.getMinutes() 获取的是分钟

6.var seconds=time.getSeconds()获取的是秒数

1.3拼接让它们自动

关键词:innerHTML 自动运行时间

span id="timer"  显示到页面

源代码:

<body>
		<span id="timer">
			
		</span>
		<script type="text/javascript">
setInterval(function(){
				var time =new Date()//获取的是当前时间(包括日期)
				console.log(time)
				//
				var year=time.getFullYear()
				var month=time.getMonth()+1
				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.getElementById("timer").innerHTML=result
				},1000)
</script>

1000指的是1000毫秒,也就是一秒

视图:

 1.4随机抽选

</head>
	<body>
		<span id="uname"><!-- 显示到页面 -->
		</span>
		<input type="button" name="" id="ks" value="开始" />
		<input type="button" name="" id="js" value="结束" />
		<script type="text/javascript">
			var uname=["小王","小二","小三"]
			var timer
			document.getElementById("ks").onclick=function(){
				timer=setInterval(function(){
					var index=Math.floor(Math.random()*uname.length)
					document.getElementById("uname").innerHTML=uname[index]
				},100)
			}
			document.getElementById("js").onclick=function(){
				clearInterval(timer)//停止
			}
		</script>

document.getElementById("js").οnclick=function(){
                clearInterval(timer)//停止

}

停止运行查看结果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值