如何修复这些移动
How to fix these from moving
我最近问如何使用进度条,没有人回答,所以我制作了一个自定义进度条,它很完美,但 [ ] 扩展每个新增量,这是由于字体宽度吗? 还是可修复的?我使用
因为它首先会扩展。
<script type="text/javascript">
var imgsb = new Array("[/ ]","[// ]","[/// ]","[//// ]","[///// ]","[///// ]","[////// ]","[/////// ]","[//////// ]","[///////// ]","[///////// ]","[////////// ]","[/////////// ]","[//////////// ]","[///////////// ]","[////////////// ]","[/////////////// ]","[//////////////// ]","[///////////////// ]","[////////////////// ]","[/////////////////// ]","[//////////////////// ]","[///////////////////// ]","[////////////////////// ]","[///////////////////////]");
altb = new Array();
var currentAdb = 0;
var imgCtb = 25;
function cycleb() {
if (currentAdb == imgCtb) {
currentAdb = 0;
}
document.getElementById('adLinkb').innerHTML = imgsb[currentAdb];
currentAdb++;
}
window.setInterval("cycleb()",500);
</script>
<div style="font-size:12px;color:#fff;font-family:monospace;" id="adLinkb">[/ ]</div>
看看这看起来有多干净:
var currentAdb = 0;
var imgCtb = 25;
function cycleb() {
var output = '[';
for (var i = 0; i < imgCtb; i++) {
output += i > currentAdb ? ' ' : '/';
}
output += ']';
document.getElementById('adLinkb').innerHTML = output;
++currentAdb;
if(currentAdb == imgCtb) {
window.clearInterval(myInterval);
}
}
var myInterval = window.setInterval(cycleb, 500);
#adLinkb {
font-size: 12px;
color: #000;
font-family: monospace;
}
<div id="adLinkb"></div>
@Dave Goten 回答了这个问题谢谢大家对我的帮助。
<script type="text/javascript">
var imgsb = new Array("[/ ]","[// ]","[/// ]","[//// ]","[///// ]","[///// ]","[////// ]","[/////// ]","[//////// ]","[///////// ]","[///////// ]","[////////// ]","[/////////// ]","[//////////// ]","[///////////// ]","[////////////// ]","[/////////////// ]","[//////////////// ]","[///////////////// ]","[////////////////// ]","[/////////////////// ]","[//////////////////// ]","[///////////////////// ]","[////////////////////// ]","[///////////////////////]");
altb = new Array();
var currentAdb = 0;
var imgCtb = 25;
function cycleb() {
if (currentAdb == imgCtb) {
currentAdb = 0;
}
document.getElementById('adLinkb').innerHTML = imgsb[currentAdb];
currentAdb++;
}
window.setInterval("cycleb()",500);
</script>
<div style="font-size:12px;color:#fff;font-family:monospace;" id="adLinkb">[/ ]</div>
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 如何使用phaser使html5游戏在移动设备浏览器上运行
- FabricJs-限制主对象内添加对象的移动区域
- 我如何修复包含在captcha的addthis中的错误
- 正在修复if语句以停止移动
- CSS 动画移动页面 - 使用 CSS 修复当前元素上的页面滚动位置
- 如何修复这些移动
- 我将如何修复由于上面的元素动画而移动的元素
- 如何修复移动响应式网站上的粘性滚动
- 如何修复表的标题并允许数据垂直移动,同时允许标题和数据垂直移动
- 位置:修复了在iPhone上打开“选择”元素时DIV移动的问题
- 在移动设备上显示时,元素不会居中,并且不会修复背景
- 如何修复此单击功能以缓慢移动到特定位置
- 如何修复移动中的横向模式HTML5 web应用程序
- 修复了移动应用程序iframe中的底部页脚
- 无法修复浏览器缩放时滑块移动距离
- 移动浏览器初始缩放问题未被元标签修复
- Mediaelements.js音频播放器需要修复移动响应大小