[记录]使用setTimeout实现不同时间进行切换文本的颜色
实现 时间 进行 记录 不同 文本 切换 颜色
2023-09-11 14:20:10 时间
开始使用的是setinterval(),但是setinterval()的time是固定的,假如我想改变time,就需要每次clearInterval()一次。
如: setInterval(function(),time) change time on runtime
我翻译一下答案:
你需要清除interval()在下一行,所以第一个setinterval()不能工作,替换为正确的清除方式:
1 timer = setInterval(come, 0); 2 clearInterval(timer); 3 timer = setInterval(come, 10000);
理所当然,如gdoron说的,设置一个interval为空不是真的有效,并不是一个好的想法,使用setTimeout替换,或者如果没有延时的需要,就直接运行这个方法
1 come(); 2 clearInterval(timer); 3 timer = setInterval(come, 10000);
在google搜索的结果同一个画面
看到:Changing the interval of SetInterval while it's running ,而答案我看不懂,也理解不了,但是这里有提到setTimeout()的时间是不一样的,所以,我可以使用setTimeout()进行互相调用的方式,实现与setInterval()差不多的效果。
Demo:
还有rgb转hex,这是因为jQuery css('color')返回的是rgb,而我使用的是hex十六进制,故参考: How to get hex color value rather than RGB value?的正确答案:
1 var hexDigits = new Array 2 ("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"); 3 4 //Function to convert hex format to a rgb color 5 function rgb2hex(rgb) { 6 rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); 7 return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]); 8 } 9 10 function hex(x) { 11 return isNaN(x) ? "00" : hexDigits[(x - x % 16) / 16] + hexDigits[x % 16]; 12 }
我要实现的效果,和demo差不多,因为我只有三个div是来回切换的,所以我把互相调用的方法写死了。
参考:Pass correct “this” context to setTimeout callback? 解决了在setTimeout()中使用"this"关键字来进行调用其它方法的问题。
这里都是复制粘贴而来的,
相关文章
- 第九节: 利用RemoteScheduler实现Sheduler的远程控制 第八节: Quartz.Net五大构件之SimpleThreadPool及其四种配置方案 第六节: 六类Calander处理六种不同的时间场景 第五节: Quartz.Net五大构件之Trigger的四大触发类 第三节: Quartz.Net五大构件之Scheduler(创建、封装、基本方法等)和Job(创建、关联
- 工作总结 for 另类写法 循环加时间 集合合并 也是用的 static class Enumerable (IEnumerable<T>的扩展方法) (IEnumerable<T> 的 工具类) (所有集合 数组都实现IEnumerable<T>)
- 用了一天的时间,linux下expect实现ssh自己主动登录server记,歧视下网上各种抄来抄去残段子
- Google Earth Engine 实现 LandTrendr 光谱-时间分割算法的指南( 示例脚本)
- 淘东电商项目(50) -ELK+Kafka分布式日志收集(实现篇)
- 保姆级教程 | 表格自动行合并实现
- 使用SOCKET实现TCP/IP协议的通讯
- HttpServer和HttpsServer简单实现
- ES6新特性:使用export和import实现模块化
- 基于C++实现(控制台)单位职工管理系统(数据结构)【100010017】
- SwiftUI macOS iOS 完整项目大全之时间记录器coredata实现增删改查(教程含源码)
- iOS 实现时间线列表效果
- 利用MongoDB的SplitVector命令实现并发数据迁移
- 一行JS实现功能的代码:随机布尔值、是否为工作日、反转字符串、从日期中获取时间、保留小数点、检测苹果设备、滚动到页面顶部、获取所有参数平均值、温度转换
- Python实现股权结构图自动生成
- python函数之xticks实现时间作为横坐标并按指定间隔显示
- jquery-ui日期时间控件实现