溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

js的math屬性怎么用

發(fā)布時間：2022-03-03 11:29:07 來源：億速云 閱讀：180 作者：小新 欄目：web開發(fā)

這篇文章主要為大家展示了“js的math屬性怎么用”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“js的math屬性怎么用”這篇文章吧。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<script type="text/jscript">

// 算術(shù)對象Math

// 向上取整

console.info(Math.ceil(26.1));

// 向下取整

console.info(Math.floor(26.1));

// 四舍五入

console.info(Math.round(26.1));

// 絕對值

console.info(Math.abs(-26.1));

// 獲取隨機數(shù) 0-1（不包含）

console.info(Math.random());

// 推導(dǎo):獲取0-9之間的隨機整數(shù)   乘以10再向下取整

var randomnum = Math.floor(Math.random()*10);

console.info("隨機的整數(shù)（0-9）"+randomnum);

// 推導(dǎo):獲取四位隨機整數(shù),范圍1000-9999

// 假設(shè)獲取最小的隨機數(shù)0  最大數(shù)-最小數(shù)+1

var num = Math.floor(Math.random()*(9999-1000+1));

console.info("隨機的四位整數(shù)（1000-9999）"+num);

// Math.random()*((9999-1000+1)+1000);

// Math.floor(Math.random()*(9999-1000+1));

</script>

</head>

<body>

本次選擇的顏色是：<span id="mycolor"></span><button onclick="selcolor();">選擇顏色</button>

</body>

<script type="text/jscript">

// 如何給span元素的內(nèi)容進行填充

// 1.選擇span元素的對象

// var myspan = document.getElementById"mycolor";

// 2.對該對象里面的屬性值賦值  innerHTML = "紅色";

// myspan.innerHTML = "紅色";

// myspan.style.color = "red";

// 定義選擇顏色的函數(shù)

function selcolor(){

var myspan = document.getElementById("mycolor");

// 假設(shè)顏色的選擇范圍是赤橙黃綠青藍紫

var colors = ["red","orange","yellow","green","dardgreen","blue","purple"];

// 產(chǎn)生隨機0-6的數(shù)字

var randomnum = Math.floor(Math.random()*7)+0;

console.info(randomnum);

// 根據(jù)隨機數(shù)填充到span里面

switch (randomnum){

case 0:

myspan.innerHTML = "紅色";

myspan.style.color = colors[0];

break;

case 1:

myspan.innerHTML = "橙色";

myspan.style.color = colors[1];

break;

case 2:

myspan.innerHTML = "黃色";

myspan.style.color = colors[2];

break;

case 3:

myspan.innerHTML = "綠色";

myspan.style.color = colors[3];

break;

case 4:

myspan.innerHTML = "青色";

myspan.style.color = colors[4];

break;

case 5:

myspan.innerHTML = "藍色";

myspan.style.color = colors[5];

break;

case 6:

myspan.innerHTML = "紫色";

myspan.style.color = colors[6];

break;

}

}

</script>

</html>

以上是“js的math屬性怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手