JS学习----对象相关
Math对象
1、 利用对象封装自己的数学对象,里面有PI 最大值 和 最小值
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
</style>
<script>
// 利用对象封装自己的数学对象,里面有PI 最大值 和 最小值
var myMath = {
PI: 3.141592653,
max: function() {
var max = arguments[0];
for ( var i = 1; i < arguments.length; i++) {
if (arguments[i] > max) {
max = arguments[i];
}
}
return max;
},
min : function() {
var min = arguments[0];
for ( var i = 1; i < arguments.length; i++) {
if (arguments[i] < min) {
min = arguments[i];
}
}
return min;
}
}
</script>
</head>
<body>
</body>
</html>
2、 猜数字游戏
程序随机生成一个1~10之间的数字,让用户输入一个数字
1、如果大于该数字,就提示,数字大了,继续猜
2、如果小于该数字,就提示数字小了, 继续猜
3、如果等于该数字,就提示猜对了,结束程序
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
</style>
<script>
// 猜数字游戏
//程序随机生成一个1~10之间的数字,让用户输入一个数字
//1、如果大于该数字,就提示,数字大了,继续猜
//2、如果小于该数字,就提示数字小了, 继续猜
//3、如果等于该数字,就提示猜对了,结束程序
//得到一个两数之间的随机整数,包括两数在内
function getRandom(min,max){
return Math.floor(Math.random() * (max - min + 1)) + min;
}
//得到1-10之间(包括1和10)的随机整数
var random = getRandom(1,10);
var flag = true;
while(flag) {
var num = prompt('请您输入一个1-10之间的数字:');
if (num > random ) {
alert('数字大了,请继续猜~')
}
else if (num < random ) {
alert('你猜小了~')
}
else {
alert('猜对啦~')
break;
}
}
</script>
</head>
<body>
</body>
</html>
3、猜数字游戏2
要求用户猜 1-50之间的一个数字,但是只有10次猜的机会
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
</style>
<script>
// 猜数字游戏
//程序随机生成一个1~10之间的数字,让用户输入一个数字
//1、如果大于该数字,就提示,数字大了,继续猜
//2、如果小于该数字,就提示数字小了, 继续猜
//3、如果等于该数字,就提示猜对了,结束程序
//要求用户猜 1-50之间的一个数字,但是只有10次猜的机会
function getRandom(min,max){
return Math.floor(Math.random() * (max - min + 1)) + min;
}
var random = getRandom(1,50);
for (var i = 1; i <= 10; i++) {
var num = prompt('请您输入一个1-50之间的数字:');
if (num > random ) {
alert('数字大了,请继续猜~')
}
else if (num < random ) {
alert('你猜小了~')
}
else {
alert('猜对啦~')
break;
}
if (i == 10 ) {
alert('抱歉,您的次数已用完')
}
}
</script>
</head>
<body>
</body>
</html>
日期对象
1、日期格式化—年月日星期
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
</style>
<script>
// 日期格式化年月日星期
var date = new Date();
// 年
var year = date.getFullYear();
//月
var month = date.getMonth() + 1;
//日
var dates = date.getDate();
var arr = ['星期日', '星期一','星期二','星期三','星期四','星期五','星期六'];
var day = date.getDay();
//格式化2023-07-07星期五
alert('今天是 ' + year + '年-' + month + '月-' + dates + '日-' + arr[day] );
</script>
</head>
<body>
</body>
</html>
2、日期格式化–时分秒**
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
</style>
<script>
// 日期格式化 时分秒
function getTime() {
//实例化Date()
var time = new Date();
//小时
var h = time.getHours();
h = h < 10 ? '0'+ h : h;
//分钟
var m = time.getMinutes();
m = m < 10 ? '0'+ m : m;
//秒
var s = time.getSeconds();
s = s < 10 ? '0' + s : s;
return h + ':' + m + ':' + s;
}
alert(getTime());
</script>
</head>
<body>
</body>
</html>