在这里,我有一个功能,id="box"一旦页面加载就淡化一个方框.我尝试但未能找到如何再次淡入盒子或仅仅是如何淡入盒子或纯粹的JavaScript而不是jQuery的元素.这是我的fadeOut()功能代码:
var box = document.getElementById('box');
function fadeOut(elem, speed)
{
if(!elem.style.opacity)
{
elem.style.opacity = 1;
}
setInterval(function(){
elem.style.opacity -= 0.02;
}, speed /50);
}
fadeOut(box, 2000);#box
{
width: 100px;
height: 100px;
background-color: blue;
}<div id="box"></div>非常感谢贡献者.干杯
我正在尝试创建一个简单的Read More示例.它由一个段落和一个按钮组成,段落的一半用span标记括起来,最初设置为隐藏.当用户单击"阅读更多"按钮时,将显示隐藏的跨度.我有工作代码,但只是希望像JQuery一样淡化效果,但使用纯Javascript.有人请帮忙.
var span = document.getElementsByTagName('span')[0];
var hideshow = document.getElementById('hideshow');
span.style.display = 'none';
hideshow.onclick = function() {
span.style.display = 'block';
};<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa maiores dolore earum ducimus molestiae, aut. <span>Quisquam consequuntur, maiores et, doloremque atque provident similique consequatur totam voluptas vitae veniam, molestiae laborum.</span></p>
<button id="hideshow">Read More</button>我试图增加div的宽度和高度,以便在一定的时间内内圈应该通过增加它的大小来填充外圈.我能够做所有事情,但只是位置导致一些问题.随着内圈的尺寸增加,其失去其中心位置并向右下方增加.如何保持增加其宽度和高度,但保持在中心,以便在完成时完全填满外圈.非常感谢
var outer, inner, width, interval, height;
inner = document.querySelector(".inner");
width = 0;
height = 0;
window.addEventListener("load", function () {
interval = setInterval(function () {
if (width >= 200 && height >= 200) {
inner.textContent = "100% Completed";
clearInterval(interval);
}
else {
width += 3.333;
height += 3.333;
inner.style.width = width + "px";
inner.style.height = height + "px";
}
}, 1000);
});.outer {
width: 200px;
height: 200px;
border: 5px solid tomato;
border-radius: 50%;
margin: 100px auto;
position: relative;
} …我在javascript中打印一个简单的数组列表时遇到问题.仅在两个数组项之前打印undefined.请考虑以下代码;
function buildList(){
var box = document.getElementById("box");
var startList = "<ol>";
var endList = "</ol>";
var listItems;
var arry = ["Go to shopping", "Go to Mall"];
for(var i = 0; i < arry.length; i++){
listItems += "<li>" + arry[i] + "</li>";
}
box.innerHTML = startList + listItems + endList;
}
document.onLoad(buildList());``
<div id="box">
</div>输出是
undefined 1)去购物2)去购物中心
请帮忙.
我目前正在通过codecademy JavaScript课程学习，并且在“对象”部分中发现了此错误。本节介绍工厂功能，工厂功能有两个参数。调用时，工厂函数返回一个对象。在return语句之后，当我按Enter键并在新行上启动花括号时，程序给出了错误，但是当我将开头的花括号移回与return关键字所在的行时，错误消失了。我不知道为什么会这样。任何人都可以请对此代码进行一些说明。
给出语法错误的代码
const robotFactory = (model, mobi) =>
{
return
{
model: model,
mobi: mobi,
beep()
{
console.log('Beep Boop');
}
}
};
const one = robotFactory('P-500', true);
console.log(one.model);
起作用的代码
const robotFactory = (model, mobi) =>
{
return {
model: model,
mobi: mobi,
beep()
{
console.log('Beep Boop');
}
}
};
const one = robotFactory('P-500', true);
console.log(one.model);
即使是真的,其他块也会继续执行.如果我删除else块,那么程序运行正常.我想要做的就是检查用户是否不在记录中,然后打印未找到.
var students =
[
{
name: "Linda",
track: "IOS",
points:' 50'
},
{
name: "Brian",
track: "Android",
points: '80'
},
{
name: 'Trish',
track: 'Rails Development',
points: '350'
}
];
var search = " ";
var student;
var message = " ";
function print ( msg )
{
var output = document.getElementById("output");
output.innerHTML = msg;
}
function studentReport( student )
{
var report = "<h2> Student name: " + " " + student.name + "</h2>";
report += "<p> Student …