后使用快捷导航没有帐号？
只需一步，快速开始
查看: 130|回复: 7
怎么样进度条进度变得流畅
阅读权限20
签到天数：4 天结帖率： (1/1)
发表于 昨天&16:45
我有一个程序是倒计时的
我想让这个进度条像TX安全中心令牌的进度条那样连贯
我的程序是以秒为单位
不像蹦豆是的走一秒蹦一个而是慢慢地一直在动
[e=0].版本 2
.支持库 spec
.支持库 EThread
.子程序 设置进度
.参数 进度, 整数型
.局部变量 当前进度, 整数型
.局部变量 i, 整数型
.局部变量 需要走, 整数型
当前进度 ＝ 进度条1.位置
需要走 ＝ 进度 － 当前进度
调试输出 (需要走)
.计次循环首 (取绝对值 (需要走), i)
进度条1.位置 ＝ 进度条1.位置 ＋ 选择 (需要走 ＜ 0, -1, 1)
延时 (500 ÷ 取绝对值 (需要走))
.计次循环尾 ()
.子程序 _按 ...
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论，本站内容均为会员发表，并不代表精易立场!
揭阳精易科技有限公司申明:我公司所有的培训课程版权归精易所有，任何人以任何方式翻录、盗版、破解本站培训课程，我们必将通过法律途径解决！
公司简介：揭阳市揭东区精易科技有限公司致力于易语言教学培训/易语言学习交流社区的建设与软件开发，多年来为中小企业编写过许许多多各式软件，并把多年积累的开发经验逐步录制成视频课程供学员学习，让学员全面系统化学习易语言编程，少走弯路，减少对相关技术的研究与摸索时间，从而加快了学习进度！
防范网络诈骗，远离网络犯罪
违法和不良信息举报电话，QQ： ，邮箱：@b.qq.com
Powered by
X3.2 揭阳市揭东区精易科技有限公司
粤公网安备 25求教：求高手关于视频进度条和视频播放窗口分离的设置_potplayer吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：23,698贴子：
求教：求高手关于视频进度条和视频播放窗口分离的设置收藏
我现在设置的是，播放列表在电脑桌面上，视频播放器在扩展模式下播放。由于我这里的工作特殊性。，看不到视频的进度条，晃下鼠标倒是能看到，但是不够美观。请教各位大师，视频的进度条和暂停等怎么才能放到我的电脑桌面上，谢谢。
你可以用filter graph播放，这个东西进度条和视频是分开的。
用filter graph的话你可以下一个graphstudionext,缺点是你需要挂一个路径树。但是视频和播放控制是分离的
mpv视频进度条大概是这样的，还不能彻底分离进度条。graphstudionext貌似不能全屏比较蛋疼
登录百度帐号请教高手：我的电脑每次开机运行到进度条的时候就会出现如下画面，等这个画面完成后才能进入系统_百度知道
请教高手：我的电脑每次开机运行到进度条的时候就会出现如下画面，等这个画面完成后才能进入系统
请问这是怎么回事？...
请问这是怎么回事？
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
女王是我妈
女王是我妈
获赞数：20
你的D盘出过错，启动时让它完整自检一次，修复成功它下次启动就不显示这个了。如果你的电脑采用相关还原保护，请把还原保护关闭，自检完一次后，再开启相关保护软件即可。
请问用什么方法修复呀？
采纳数：170
获赞数：343
你的D盘出过错，启动时让它完整自检一次，修复成功它下次启动就不显示这个了。如果你的电脑采用相关还原保护，请把还原保护关闭，自检完一次后，再开启相关保护软件即可。
本回答被网友采纳
jianjun2356
jianjun2356
采纳数：115
获赞数：189
这个情况我遇见过，是因为某次非法关机了，导致D盘里面有些软件的文件丢失了才会这样。重装系统可以解决的。
为你推荐：
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。404 Not Found
404 Not Found在requestAnimationFrame出现之前，我们一般都用setTimeout和setInterval，那么html5为什么新增一个requestAnimationFrame，他的出现是为了解决什么问题？
优势与特点：
1)requestAnimationFrame会把每一帧中的所有DOM操作集中起来，在一次重绘或回流中就完成，并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率
2)在隐藏或不可见的元素中，requestAnimationFrame将不会进行重绘或回流，这当然就意味着更少的CPU、GPU和内存使用量
3)requestAnimationFrame是由浏览器专门为动画提供的API，在运行时浏览器会自动优化方法的调用，并且如果页面不是激活状态下的话，动画会自动暂停，有效节省了CPU开销
一句话就是：这玩意性能高，不会卡屏，根据不同的浏览器自动调整帧率。如果看不懂或者不理解，也没有什么关系，这玩意跟浏览器渲染原理有关。我们先学会使用它！
如何使用requestAnimationFrame？
使用方式跟定时器setTimeout差不多，不同之处在于，他不需要设置时间间隔参数
var timer = requestAnimationFrame( function(){
console.log( '定时器代码' );
参数是一个回调函数，返回值是一个整数，用来表示定时器的编号.
1 &!DOCTYPE html&
2 &html lang="en"&
&meta charset="UTF-8"&
&meta name="viewport" content="width=device-width, initial-scale=1.0"&
&meta http-equiv="X-UA-Compatible" content="ie=edge"&
&title&Document&/title&
window.onload = function(){
var aInput = document.querySelectorAll( "input" ),
timer = null;
aInput[0].onclick = function(){
timer = requestAnimationFrame( function say(){
console.log( 1 );
timer = requestAnimationFrame( say );
aInput[1].onclick = function(){
cancelAnimationFrame( timer );
23 &/head&
&input type="button" value="开启"&
&input type="button" value="关闭"&
27 &/body&
28 &/html&
cancelAnimationFrame用来关闭定时器
这个方法需要处理兼容：&
&简单的兼容：
1 window.requestAnimFrame = (function(){
window.requestAnimationFrame
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame
function( callback ){
window.setTimeout(callback, 1000 / 60);
如果浏览器都不认识AnimationFrame，就用setTimeout兼容.
运用3种不同的定时器（setTimeout, setInterval, requestAnimationFrame）实现一个进度条的加载
一、setInterval方式：
1 &!DOCTYPE html&
2 &html lang="en"&
&meta charset="UTF-8"&
&meta name="viewport" content="width=device-width, initial-scale=1.0"&
&meta http-equiv="X-UA-Compatible" content="ie=edge"&
&title&Document&/title&
border-radius:20
background:#09f;
text-align:
font:bold 30px/40px '微软雅黑';
window.onload = function(){
var oBtn = document.querySelector( "input" ),
oBox = document.querySelector( "div" ),
timer = null, curWidth = 0,
getStyle = function( obj, name, value ){
if( obj.currentStyle ) {
return obj.currentStyle[name];
return getComputedStyle( obj, false )[name];
oBtn.onclick = function(){
clearInterval( timer );
oBox.style.width = '0';
timer = setInterval( function(){
curWidth = parseInt( getStyle( oBox, 'width' ) );
if ( curWidth & 1000 ) {
oBox.style.width = oBox.offsetWidth + 10 + 'px';
oBox.innerHTML = parseInt( getStyle( oBox, 'width' ) ) / 10 + '%';
clearInterval( timer );
}, 1000 / 60 );
46 &/head&
&div&0%&/div&
&p&&input type="button" value="ready!Go"&&/p&
50 &/body&
51 &/html&
&!DOCTYPE html&
&html lang="en"&
&meta charset="UTF-8"&
&meta name="viewport" content="width=device-width, initial-scale=1.0"&
&meta http-equiv="X-UA-Compatible" content="ie=edge"&
&title&Document&/title&
border-radius:20
background:#09f;
text-align:
font:bold 30px/40px '微软雅黑';
window.onload = function(){
var oBtn = document.querySelector( "input" ),
oBox = document.querySelector( "div" ),
timer = null, curWidth = 0,
getStyle = function( obj, name, value ){
if( obj.currentStyle ) {
return obj.currentStyle[name];
return getComputedStyle( obj, false )[name];
oBtn.onclick = function(){
clearInterval( timer );
oBox.style.width = '0';
timer = setInterval( function(){
curWidth = parseInt( getStyle( oBox, 'width' ) );
if ( curWidth & 1000 ) {
oBox.style.width = oBox.offsetWidth + 10 + 'px';
oBox.innerHTML = parseInt( getStyle( oBox, 'width' ) ) / 10 + '%';
clearInterval( timer );
}, 1000 / 60 );
&div&0%&/div&
&p&&input type="button" value="ready!Go"&&/p&
二、setTimeout方式
1 &script&
window.onload = function(){
var oBtn = document.querySelector( "input" ),
oBox = document.querySelector( "div" ),
timer = null, curWidth = 0,
getStyle = function( obj, name, value ){
if( obj.currentStyle ) {
return obj.currentStyle[name];
return getComputedStyle( obj, false )[name];
oBtn.onclick = function(){
clearTimeout( timer );
oBox.style.width = '0';
timer = setTimeout( function go(){
curWidth = parseInt( getStyle( oBox, 'width' ) );
if ( curWidth & 1000 ) {
oBox.style.width = oBox.offsetWidth + 10 + 'px';
oBox.innerHTML = parseInt( getStyle( oBox, 'width' ) ) / 10 + '%';
timer = setTimeout( go, 1000 / 60 );
clearInterval( timer );
}, 1000 / 60 );
三、requestAnimationFrame方式
1 &!DOCTYPE html&
2 &html lang="en"&
&meta charset="UTF-8"&
&meta name="viewport" content="width=device-width, initial-scale=1.0"&
&meta http-equiv="X-UA-Compatible" content="ie=edge"&
&title&Document&/title&
border-radius:20
background:#09f;
text-align:
font:bold 30px/40px '微软雅黑';
window.onload = function(){
var oBtn = document.querySelector( "input" ),
oBox = document.querySelector( "div" ),
timer = null, curWidth = 0,
getStyle = function( obj, name, value ){
if( obj.currentStyle ) {
return obj.currentStyle[name];
return getComputedStyle( obj, false )[name];
oBtn.onclick = function(){
cancelAnimationFrame( timer );
oBox.style.width = '0';
timer = requestAnimationFrame( function go(){
curWidth = parseInt( getStyle( oBox, 'width' ) );
if ( curWidth & 1000 ) {
oBox.style.width = oBox.offsetWidth + 10 + 'px';
oBox.innerHTML = parseInt( getStyle( oBox, 'width' ) ) / 10 + '%';
timer = requestAnimationFrame( go );
cancelAnimationFrame( timer );
47 &/head&
&div&0%&/div&
&p&&input type="button" value="ready!Go"&&/p&
51 &/body&
52 &/html&
阅读(...) 评论()
Copyright (C)2017 ghostwu