123123

吃个橘子~ · 发表于 2023-12-16 15:20:55

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
   <script>

   var arr=[-2,-1,0,1,2,3];

   // var n=parseInt(prompt());
   // for(var i=0;i<n;i++) arr[i]=parseInt(prompt());//自定义输入
   function fil(arr,fn){
   var newarr=[];
   for(var i=0;i<arr.length;i++)

   {
   if(fn(arr[i])) newarr.push(arr[i]);
   }
   return newarr;
   }

   function fn(a)
   {
   if(a>0) return true;
   else return false;
   }

document.write(fil(arr,fn));

</script>
</body>
</html>
-------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>编程题答案1</title>
</head>
<body>
<style>
span {
display: inline-block;
width: 80px;
height: 80px;
border-radius: 50%;
border: 1px solid white;
opacity: 0.1;
}
.light {
opacity: 1;
}
#red {
background-color: red;
}
#yellow {
background-color: yellow;
}
#green {
background-color: green;
}
#time {
margin-left: 30px;
font-size: 70px;
}
</style>
编程题答案1
<p>
<span id="red" class="light"></span>
<span id="yellow"></span>
<span id="green"></span>
<b id="time">10</b>
</p>
<script>
var current = 'red';
var time = 10;
function changeLight(from, to, timeout) {
   if (time > 0) {
      return;
   }
   current = to;
   time = timeout;
   document.getElementById(from).removeAttribute('class', 'light');
   document.getElementById(to).setAttribute('class', 'light');
}
setInterval(function() {
   time--;
   if (current === 'red') {
      changeLight('red', 'yellow', 3);
   } else if (current === 'yellow') {
      changeLight('yellow', 'green', 8);
   } else if (current === 'green') {
      changeLight('green', 'red', 10);
   }
   document.getElementById('time').innerText = time;
}, 1000);
</script>
</body>
</html>
-----------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>实现计时器</h1>
<p>
<span id = "hour">00</span>
<span>:</span>
<span id = "minute">00</span>
<span >:</span>
<span id = "second">00</span>
</p>
<button id = "start"> 开始</button>
<button id = "pause"> 暂停</button>
<button id = "stop"> 停止</button>
<script>
var hour = 0 ;
var minute = 0 ;
var second = 0 ;
var intervalId;
function getEleById(id){
return document.getElementById(id) ;
}
function addZero(num){
return num >= 10 ? num : '0' + num ;
}
function setTimeOnDOM() {
getEleById('hour').innerText = addZero(hour) ;
getEleById('minute').innerText = addZero(minute) ;
getEleById('second').innerText = addZero(second) ;

}
getEleById('start').onclick = function() {
if(intervalId){
return;
}
intervalId = setInterval(function() {
second++ ;
if(second >= 60){
second = 0 ;
minute++ ;
}
if(minute >= 60 ){
minute = 0 ;
hour++ ;

}
if(hour >= 24){
clearInterval(intervalId)
}
setTimeOnDOM();
} , 1000)
}
getEleById('pause').onclick = function(){
clearInterval(intervalId);
intervalId = null ;
}
getEleById('stop').onclick = function(){
clearInterval(intervalId) ;
intervalId = null ;
hour = minute = second = 0 ;
setTimeOnDOM() ;
}
</script>
</body>
</html>

FishC · 发表于 2023-12-16 15:21:18

你好！你提供的第一个代码是用来实现交通灯控制的，但是代码中有一行是空的：var arr=;，这导致代码不能运行。如果你想要实现一个简单的交通灯控制系统，可以参考如下代码：

var current = 'red';
var time = 10;
function changeLight(from, to, timeout) {
if (time > 0) {
return;
}
current = to;
time = timeout;
document.getElementById(from).removeAttribute('class', 'light');
document.getElementById(to).setAttribute('class', 'light');
}
setInterval(function() {
time--;
if (current === 'red') {
changeLight('red', 'yellow', 3);
} else if (current === 'yellow') {
changeLight('yellow', 'green', 8);
} else if (current === 'green') {
changeLight('green', 'red', 10);
}
document.getElementById('time').innerText = time;
}, 1000);

复制代码

上述代码会在页面上显示一个交通灯，通过定时器来控制交通灯的颜色和倒计时时间。

第二个代码是一个简单的计时器的实现，点击"开始"按钮后，计时器会开始计时；点击"暂停"按钮，计时器会暂停计时；点击"停止"按钮，计时器会停止计时并重置为0。你可以参考以下代码实现：

<span id="hour">00</span>
<span>:</span>
<span id="minute">00</span>
<span>:</span>
<span id="second">00</span>
<button id="start">开始</button>
<button id="pause">暂停</button>
<button id="stop">停止</button>
<script>
var hour = 0;
var minute = 0;
var second = 0;
var intervalId;
function getEleById(id) {
return document.getElementById(id);
}
function addZero(num) {
return num >= 10 ? num : '0' + num;
}
function setTimeOnDOM() {
getEleById('hour').innerText = addZero(hour);
getEleById('minute').innerText = addZero(minute);
getEleById('second').innerText = addZero(second);
}
getEleById('start').onclick = function() {
if (intervalId) {
return;
}
intervalId = setInterval(function() {
second++;
if (second >= 60) {
second = 0;
minute++;
}
if (minute >= 60) {
minute = 0;
hour++;
}
if (hour >= 24) {
clearInterval(intervalId);
}
setTimeOnDOM();
}, 1000);
}
getEleById('pause').onclick = function() {
clearInterval(intervalId);
intervalId = null;
}
getEleById('stop').onclick = function() {
clearInterval(intervalId);
intervalId = null;
hour = minute = second = 0;
setTimeOnDOM();
}
</script>

复制代码

以上代码会在页面上显示一个初始为"00:00:00"的计时器，并提供开始、暂停和停止按钮来控制计时器的运行。希望能对你有所帮助！如果还有其他问题，请随时提问。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

账号		自动登录	找回密码
密码			立即注册

[学习笔记] 123123

马上注册，结交更多好友，享用更多功能^_^