JS获取时间的方法

 更新时间:2015年01月21日 10:29:18   投稿:shichen2014  
这篇文章主要介绍了JS获取时间的方法,涉及date的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS获取时间的方法。分享给大家供大家参考。具体实现方法如下:

复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script type="text/javascript"> 
        function Case(i) { 
            if (i < 10) { 
                i = "0" + i; 
            } 
            return i; 
        } 
        function getdata() { 
            var bnt = document.getElementById("id1") 
            var date = new Date(); 
            bnt.value =Case( date.getHours()) + ":" + Case(date.getMinutes()) + ":" +Case( date.getSeconds()); 
        } 
    </script> 
</head> 
<body> 
<input type="button" value="获取时间" id="id1" onclick="setInterval(getdata, 1000)"/> 
</body> 
</html>

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • js实现时间日期的相加相减代码示例

    js实现时间日期的相加相减代码示例

    这篇文章主要给大家介绍了关于利用js实现时间日期的相加相减的相关资料,文中通过代码示例介绍的非常详细,对大家学习或者使用js具有一定的参考解决价值,需要的朋友可以参考下
    2023-09-09
  • JS学习笔记之闭包小案例分析

    JS学习笔记之闭包小案例分析

    这篇文章主要介绍了JS学习笔记之闭包,结合具体案例形式分析了javascript实现与使用闭包的相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • JS实现拖拽进度条改变元素透明度

    JS实现拖拽进度条改变元素透明度

    这篇文章主要为大家详细介绍了JS实现拖拽进度条改变元素透明度,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • 游览器中javascript的执行过程(图文)

    游览器中javascript的执行过程(图文)

    在讲这个问题之前,先来补充几个知识点,如果对此已经比较了解可以直接跳过
    2012-05-05
  • javascript中Date对象的使用总结

    javascript中Date对象的使用总结

    本文介绍了Date对象的使用方法,清晰明了,实现方法有多种,仅供大家参考,希望对大家有所帮助,下面就跟小编一起来看看吧
    2016-11-11
  • ES6基础之数组和对象的拓展实例详解

    ES6基础之数组和对象的拓展实例详解

    这篇文章主要介绍了ES6基础之数组和对象的拓展,结合实例形式详细分析了ES6数组和对象拓展运算符、拓展方法的使用及相关操作技巧,需要的朋友可以参考下
    2019-08-08
  • Next.js脚手架完整搭建封装的方法步骤

    Next.js脚手架完整搭建封装的方法步骤

    本文主要介绍了Next.js脚手架完整搭建封装的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-04-04
  • webpack+express实现文件精确缓存的示例代码

    webpack+express实现文件精确缓存的示例代码

    这篇文章主要介绍了webpack+express实现文件精确缓存的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • 基于JavaScript实现鼠标箭头移动图片跟着移动

    基于JavaScript实现鼠标箭头移动图片跟着移动

    这篇文章主要介绍了基于JavaScript实现鼠标箭头移动图片跟着移动的核心代码,代码比较简单易懂,需要的朋友可以参考下
    2016-08-08
  • 深入理解JavaScript中async/await的错误处理方式

    深入理解JavaScript中async/await的错误处理方式

    在现代JavaScript开发中,异步编程是不可或缺的一部分,async和await是一种强大的异步编程工具,它们使得编写和维护异步代码更加容易和清晰,然而,异步操作仍然可能会出现错误,本文将深入探讨async和await的错误处理方式,提供详细的代码示例和解释
    2023-09-09

最新评论