美文网首页
图片时钟

图片时钟

作者: 乍暖还寒2002 | 来源:发表于2017-10-07 12:57 被阅读0次

var time = new Date();

alert(time.getFullYear());//年

alert(time.getMonth()+1);//月  月份要+1

alert(time.getDate());//日

alert(time.getDay());//星期几

// var sj = new Date();//时间

// alert(sj);

// alert(sj.getHours());//当前时

// alert(sj.getMinutes());//当前分

// alert(sj.getSeconds());//当前秒

function oData(n){//判断数字如果n<9,加上字符串'0',如果大于转成字符串

if (n<10) {

return '0' + n;

} else {

return '' + n;

}

}

function tick(){

var img = document.getElementsByTagName('img');//获取dom

var time = new Date();//获取当前时间

//var str = '123456';//获取图片相对的路径

var str = oData(time.getHours()) + oData(time.getMinutes()) + oData(time.getSeconds());//获取当前时,分,秒

for (var i = 0; i < img.length; i++) {

img[i].src = str.charAt(i) + '.png';//赋值每个图片对应的str字符串

}//charAt(i)等于str[i],是为了兼容ie7

}

setInterval(tick,1000);//间隔定时器,每隔1s刷新

tick();//刷新时让第一秒也执行

相关文章

  • 图片时钟

    var time = new Date(); alert(time.getFullYear());//年 aler...

  • 图片时钟案例

    我们都知道时钟由时分秒组成,本案例使用图片来代替时分秒所用的数字,最终效果如下: html布局代码如下: js代码...

  • JS基础学习:定时器案例

    星星 图片摇起来 美女时钟 demo地址

  • js实现图片时钟

    首先说下为什么写这篇文章,因为自己在写图片时钟的时候思想走了弯路,所以在这里想先给大家简单说下正确的思路然后大家想...

  • 使用canvas绘制时钟

    使用canvas绘制这样的一个时钟,这个时钟完全是通过代码绘制而成,没有使用图片: 不多说,贴代码: 把这段代码保...

  • js初识第七节

    实现一个数码时钟的实例 定时器实现 一个特别简单的图片轮播

  • Linux时钟命令用法及演示

    linux时钟 linux时钟分为系统时钟和硬件时钟。系统时钟是指当前linux kernel中的时钟,而硬件时钟...

  • 不自律,或源于内心的冲突

    我曾在一本书上看到一张图片,那是作者在国外旅行时在商店里拍的一个商品——一个时钟。 与普通时钟不同的是,作为“数字...

  • 苹果Mac桌面时钟推荐:OneClock提供多种样式和自定义选项

    OneClock 是一款 Mac 翻页时钟与极简时钟的屏幕时钟应用。目前包括翻页时钟、数字时钟、表盘时钟,更多表盘...

  • 时钟

    一 做个沉沉的时钟 扯开世界的灵魂 抽出来 涂一涂 抹一抹 贴近墙缝。 二 从此 我献出最后一个吻 作蝉蜕的裙裾 ...

网友评论

      本文标题:图片时钟

      本文链接:https://www.haomeiwen.com/subject/juljyxtx.html