用JS做时钟

本篇文章介绍的内容是关于用js做时钟的代码,现在分享给大家,有需要的朋友可以参考一下

nbsp;html>        Title               ul{           height: 100px;           width: 600px;           margin: 200px auto;       }        img{            float:left;        }        span{            font-size: 100px;            float: left;            display: block;            position: relative;            bottom: 20px;        }                window.onload=function ()        {            function setDoub(n) {                if(n<10)                {                    n='0'+n;                }                else                {                    n=''+n;                }                return n;            }            var aImg=document.getElementsByTagName("img");            function tick() {                var date=new Date();                var str=setDoub(date.getHours())+setDoub(date.getMinutes())+setDoub(date.getSeconds());                for(var i=0;i<aImg.length;i++)                {                    aImg[i].src="images/"+str[i]+".png";                }            }           tick();            setInterval(tick,1000)        }        

登录后复制    用JS做时钟    用JS做时钟        :    用JS做时钟    用JS做时钟        :    用JS做时钟    用JS做时钟    

以上就是用JS做时钟的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2774118.html

(0)
上一篇 2025年3月8日 14:03:35
下一篇 2025年3月8日 14:03:46

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • js-undefined类型判断

    本篇文章给大家分享的内容是关于js-undefined类型判断,有需要的朋友可以参考一下 js判断undefined类型   if (reValue== undefined){    alert(“undefined”);    } 登录后…

    编程技术 2025年3月8日
    200
  • js控制keyframes

    本篇文章给大家分享的内容是关于js控制keyframes的代码,有需要的朋友可以参考一下 createKeyFramesStyleSheetRules() {  //创建一个单独的css文件存放动画                let s…

    编程技术 2025年3月8日
    200
  • android 与js的简单交互

    本篇文章介绍的内容是关于android 与js的简单交互的代码,现在分享给大家,有需要的朋友参考一下 权限: MainActicity: import android.content.DialogInterface;import andro…

    编程技术 2025年3月8日
    200
  • JS注意清空input文本框内参数

    本篇文章给大家分享的内容是关于清空input文本框内参数,有需要的朋友可以參考一下 $(“#nameSS”).textbox(‘setValue’,’ ‘); //这个…

    编程技术 2025年3月8日
    200
  • js 中的单例模式

    本篇文章给大家分享的内容是关于js 中的单例模式,有着一定的参考价值,有需要的朋友可以参考一下 js 单例模式 顾名思义: 只能生成一个 实例对象 nbsp;html>                js_singleton_patt…

    编程技术 2025年3月8日
    200
  • Node.js模块系统

    本篇文章给大家分享的内容是关于Node.js模块系统,有着一定的参考价值,有需要的朋友可以参考一下 模块是什么?模块用于不同node.js文件相互调用功能。也就是说,一个js文件就可以是一个模块。 1.创建模块 main.js文件: var…

    编程技术 2025年3月8日
    200
  • Threejs 的快速入门

    这篇文章主要为大家Threejs 的快速入门 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 现在什么都是3D,看电影3D,打游戏3D,估计3D打车,很快就会面世。那么作为前端开发的标准语言,JS和3D能不能也搞出点大新闻呢?刚好最近在…

    2025年3月8日 编程技术
    200
  • js中的基本类型和引用类型

    本篇文章给大家分享的内容是关于js中的基本类型和引用类型,有着一定的参考价值,有需要的朋友可以参考一下 js中的基本类型和引用类型 转载自https://blog.csdn.net/shuidinaozhongyan/article/det…

    2025年3月8日 编程技术
    200
  • 简单实现angularjs遮罩过渡加载

    这篇文章主要介绍了简单实现angularjs遮罩过渡加载,非常不错,具有参考借鉴价值,需要的朋友参考下吧 前言:  很多情况下angularjs 加载页面时,会显示‘{{}}’ 等,带来页面美观性的问题。所以这个时候我们要用到遮罩,也就是页…

    2025年3月8日
    200
  • 实例解析Js中的this

    本篇文章给大家分享的内容是关于实例解析js中的this,有需要的朋友可以参考一下 零 从一个例子说起 前几天在看面试题的时候看到了这样一段程序: obj = {  name: ‘a’,  getName: function () {    …

    2025年3月8日
    200

发表回复

登录后才能评论