个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我很难让我制作的网格上的灯一个接一个地出现。目前所有的灯都同时亮起，但我不确定如何让盒子一个接一个地亮起来。
我已经粘贴了下面的代码:
html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script>
<script language="JavaScript" src="script.js">
</script>
</head>
<body>
<div class="container">
<div class="box spacing"></div>
<div class="box spacing"></div>
<div id="square1id" class="box spacing"></div>
<div class="box"></div>
<div class="box spacing"></div>
<div class="box spacing"></div>
<div id="square2id" class="box spacing"></div>
<div class="box"></div>
<div id="square3id" class="box spacing"></div>
<div class="box spacing"></div>
<div id="square4id" class="box spacing"></div>
<div class="box"></div>
<div id="square5id" class="box spacing"></div>
<div class="box spacing"></div>
<div id="square6id" class="box spacing"></div>
<div class="box"></div>
</div>
</body>
</html>
CSS:
body{
background-color:#000000;
margin:0;
padding:0;
}
h1{
color:#ffffff;
text-align:center;
}
.container{
overflow:hidden;
width:860px;
margin-left:250px;
margin-top:20px;
}
.box{
width:210px;
height:120px;
float:left;
background-color:#4D4D4D;
margin-bottom:3px;
}
.spacing{
margin-right:3px;
}
脚本:
$(document).ready(function(){
var colourinfo = {
square1id: [
'#000000'
],
square2id: [
'#ffffff'
],
square3id: [
'#FFE600'
],
square4id: [
'#FFE600'
],
square5id: [
'#FFE600'
],
square6id: [
'#FFE600'
]
};
var count = 0;
var changecol = function(){
$.each(colourinfo, function(tileid, colarray){
$('#'+tileid).css('background-color', colarray[count%colarray.length]);
});
count++;
};
setInterval(changecol, 1000);
});
如果有任何建议，我将不胜感激。谢谢
最佳答案
潜在的问题是，当第一次调用 changecol 时，它循环遍历您的colourinfo 数据结构并应用 所有 中的颜色第一次执行。
我做了 this jsfiddle那就是我认为你现在想做的，也许你下一步打算做的。它每 100 毫秒一次通过一系列颜色循环每个节点。
关于网格中灯光序列的Javascript问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6721246/
25
4
0
在 Three.js 中，灯光是非常重要的元素之一，它能够模拟现实世界中的光照效果，帮助我们打造更加真实的三维场景。灯光的种类和配置方式可以影响整个场景的视觉效果，在不同的应用中，灯光的使用非常关键。
本文实例讲解了通知notification使用方法，此知识点就是用作通知的显示，包括振动、灯光、声音等效果，分享给大家供大家参考，具体内容如下 效果图： mainactivity:
VC++ 2010、OpenGL、GLSL、SDL 我正在转向着色器，遇到了最初在使用 ogl 管道时出现的问题。也就是说，光的位置似乎指向我的相机面向的任何方向。在 ogl 管道中，它只是镜面高光，
我在收到通知时听不到声音、振动或灯光。有人可以告诉我我缺少什么吗？ 还有一些问题: 1.) 我只在应用程序打开时得到指定的图标。当应用程序关闭时，我会看到 android Logo 图标(我想那是因为
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。 要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，因为
我对three.js 示例有一个小问题fresnel shader . 'lights : true' - 如果这是 'true' 那么我会收到以下错误: Uncaught TypeError: Ca
几个简单的问题。我有一个正在尝试控制的 DMX king USB 照明 Controller 。 它基于 Open DMX 协议(protocol)(来自 Entec)，提供了一个 c# 类。我已将设
我是一名优秀的程序员,十分优秀！