[记录]使用setTimeout实现不同时间进行切换文本的颜色

最新推荐文章于 2021-07-12 18:54:47 发布

weixin_30471561

最新推荐文章于 2021-07-12 18:54:47 发布

阅读量226

点赞数 1

文章标签： javascript runtime ViewUI

原文链接：http://www.cnblogs.com/fsong/p/5266824.html

版权

开始使用的是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  }