`

javascript 生成随机颜色

 
阅读更多
http://hi.baidu.com/lovebwf/blog/item/ddf768168f31894f20a4e942.html

/**
*
* 生成随机颜色
* @return rand
*/
function randomColor( ) {
    var rand = Math.floor(Math.random( ) * 0xFFFFFF).toString(16);
    if(rand.length == 6){
        return rand;
    }else{
        return randomColor();
    }
}

/**
* 反转颜色
* @return 0xFFFFFF-color
*/
function turnColor(color) {
    var color=(0xFFFFFF-Math.floor("0x"+color)).toString(16);
    var len = 6-color.length;
    for(var i=0; len!=i; i++) {
        color = "0"+color;
    }
    return color;
}

/**
* 倒计时
* @param time Date
* @return *日*时*分*秒
*/
function nowToDate(time){
    var now = new Date();
    if(time>now){
        var tmp = time - now;
        //秒
        tmp = Math.floor(tmp/1000);
        second = tmp%60;
        //分
        tmp = Math.floor(tmp/60);
        minute = tmp%60;
        //时
        tmp = Math.floor(tmp/60);
        hour = tmp%24;
        //天
        date = Math.floor(tmp/24);
       
        return "距离"+time.toLocaleString()+    "还有"+
        date+"天"+
        hour+"时"+
        minute+"分"+
        second+"秒";
    }else{
        return "你指定的时间已过去";
    }
}
分享到:
评论

相关推荐

    javascript生成随机颜色示例代码

    在这个示例中,我们将探讨如何使用JavaScript生成随机颜色,并将其应用于HTML元素的背景颜色。 首先,让我们理解代码的核心部分。生成随机颜色的主要函数是`getRandomColor()`。这个函数的目的是创建一个六位的十六...

    div内容自动滚动,自动生成随机颜色

    总结来说,div内容自动滚动是通过JavaScript实现动态更新和滚动效果,而HTML自动生成随机颜色则是利用JavaScript生成独特且随机的颜色值,两者结合能够创造出更加生动和有趣的网页交互体验。在进行网页开发时,掌握...

    JavaScript实现简单生成随机颜色的方法

    总结:本文介绍了如何使用JavaScript生成随机颜色,涉及了JavaScript的随机数生成、字符串操作以及DOM元素的属性动态操作。理解这些基础知识对于JavaScript开发者来说非常重要,因为它们是构建动态网页和交互式应用...

    JS随机颜色生成9x9乘法表.zip

    综上所述,这个项目展示了如何利用JavaScript生成随机颜色以及动态创建HTML表格,是学习前端开发和JavaScript动态效果的好实例。通过深入理解这些技术,开发者可以进一步提升网页交互性和用户体验。

    js代码实现随机颜色的小方块

    通过本教程的学习,我们不仅掌握了如何使用JavaScript生成随机颜色的小方块,还了解了相关的CSS动画效果。这些技能不仅可以应用于实际项目中,还可以作为学习JavaScript DOM操作和CSS动画的良好实践。希望这篇文章对...

    html5 canvas画布随机颜色变化特效

    为了实现颜色变化的特效,我们可以设定一个定时器,每隔一段时间就重新绘制一个新的随机颜色的矩形,覆盖旧的矩形,从而产生颜色不断变化的效果: ```javascript setInterval(function() { ctx.clearRect(0, 0, ...

    JavaScript随机生成颜色的方法

    在JavaScript中,生成随机颜色的方法通常涉及到生成随机的RGB(红、绿、蓝)值,然后将这些值组合成一个有效的颜色表示。这里给出了三种不同的方法来实现这一目标,每种方法都通过JavaScript事件监听器与HTML按钮...

    基于JavaScript实现随机颜色输入框

    代码中生成随机颜色的关键在于JavaScript的Math.random()函数,该函数返回一个0到1之间的伪随机浮点数。通过乘以256并使用parseInt函数转换为整数,再将此数值用于构造RGB颜色值中的红、绿、蓝三个颜色分量。因此,...

    JS实现随机颜色的3种方法与颜色格式的转化

    在JavaScript中,生成随机颜色是常见的需求,可以用于各种视觉效果。本文主要介绍三种方法来实现这个功能,并简述颜色的几种表示格式及其转化。 首先,颜色在前端开发中有多种表示方式,包括: 1. 十六进制(Hex)...

    基于javascript实现随机颜色变化效果

    整体上,通过以上两种方法的实践和演示,我们能够理解JavaScript是如何在网页中实现动态效果的,同时也掌握了生成随机颜色值的基础技能。这对于学习和掌握JavaScript编程,尤其是前端开发中动态内容的实现,具有很好...

    JS随机颜色生成9x9乘法表特效代码

    总结起来,这个JS代码示例展示了如何利用JavaScript生成随机颜色并结合HTML元素创建动态的9x9乘法表。通过这样的实践,开发者可以学习到颜色生成、DOM操作和动态效果的实现技巧,这些都是JavaScript编程和网页开发的...

    js生成随机颜色方法代码分享(三种)

    总的来说,JavaScript生成随机颜色的方法灵活多样,可以根据需求选择合适的方式。无论是简单的单色表示,还是丰富的RGB颜色组合,都能为网页带来独特的视觉体验。在实际开发中,还可以结合ES6的新特性,如模板字符串...

    javascript经典特效---一段彩色的文字.rar

    7. **随机颜色**:如果希望每次加载或交互时颜色都不同,可以使用JavaScript生成随机颜色。这可以通过生成随机的RGB值并转换为合适的颜色格式来实现。 通过这些技术和方法,开发者可以创建出各种各样的彩色文字特效...

    用javascript写的一个随机产生双色球号码

    这个项目是用JavaScript编写的一个小工具,它可以随机生成双色球彩票的号码。双色球是一种流行的彩票游戏,其规则包括6个红色球和1个蓝色球,其中红色球的数字范围是1到33,且不能重复,蓝色球的数字范围是1到16。 ...

    ChanceJavaScript的随机生成器助手

    - **颜色**:`chance.color()` 可以生成随机颜色名称或十六进制值。 - **电子邮件地址**:`chance.email()` 生成一个随机的电子邮件地址。 - **姓名**:`chance.name()` 生成一个随机的全名。 - **地址**:`...

    randomColor:插件生成随机颜色

    JavaScript随机颜色生成器 ##安装## ### Node.js ### npm包 npm install just.randomcolor 在node.js中使用 var RandomColor = require('just.randomcolor'); ###浏览器### 从下载just.RandomColor.js 包括...

    变色的进度条

    在网页设计中,进度条和背景颜色是两个重要的视觉元素,它们可以显著...以及利用JavaScript生成随机颜色并应用于网页背景,提供动态的视觉体验。通过学习和应用这些技术,开发者可以创建更具互动性和吸引力的网页界面。

Global site tag (gtag.js) - Google Analytics