js实时获取并显示当前时间的方法

本文实例讲述了js实时获取并显示当前时间的方法。分享给大家供大家参考。具体实现方法如下：

js部分如下：

<script type="text/javascript">
 window.onload = function() {
  var show = document.getElementById("show");
  setInterval(function() {
   var time = new Date();
   // 程序计时的月从0开始取值后+1
   var m = time.getMonth() + 1;
   var t = time.getFullYear() + "-" + m + "-"
     + time.getDate() + " " + time.getHours() + ":"
     + time.getMinutes() + ":" + time.getSeconds();
   show.innerHTML = t;
  }, 1000);
 };
</script>

html部分如下：

代码如下:

<div id="show"></div>

显示值如下：

2015-7-31 8:47:5

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

赞 (0)

相关推荐

  • JS之Date对象和获取系统当前时间详解

    一.Date对象每天一对象,今天来看看Date对象,相对于时间大家一定很熟悉,应为以前在网站中很多地方都会遇到这样的时间特效.温故而知新,今天我们来回忆一下Date对象. 我们首先来看看他的定义:dateObj = new Date()dateObj = new Date(dateVal)dateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]]) 必选项.如果是数字值,dateVal 表示指定日期与 1970

  • Javascript获取当前时间函数和时间操作小结

    Javascript获取当前时间函数和时间操作小结

    在项目需要一个计时器,效果如下: js代码: 复制代码 代码如下: /*获取当前时间*/     function getCurrentDate()     {       var timeStr = '';       var curDate = new Date();       var curMonth = curDate.getMonth()+1;  //获取当前月份(0-11,0代表1月)       var curDay = curDate.getDate();       //获取

  • js判断选择时间不能小于当前时间的示例代码

    复制代码 代码如下: var controldate; function checkDate(){ controldate= document.getElementById("sendDate").value; if(controldate==""){ alert('日期不能为空'); return false; }else{ var day = new Date(); var Year = 0; var Month = 0; var Day = 0; var Cu

  • 使用js显示当前时间示例

    页面前台显示 复制代码 代码如下: <span id="clock" style="font-size:14px;"></span> js脚本 复制代码 代码如下: $(document).ready(function () {//第一种showTime();//第二种var clock = new Clock();clock.display($("#clock"));}); //显示系统当前时间处理 第一种方法 func

  • js实时获取系统当前时间实例代码

    (1):首先用JS编写实时显示系统时间的函数 clockon() 只有一个参数bgclock,用于指定显示用于转化后的<div>标记的名称,无返回值,大家进行网站开发时可以将改函数保存在JS文件中,以便重用  代码如下: 复制代码 代码如下: <script>function clockon(bgclock){    var now = new Date();    var year = now.getYear();    var month = now.getMonth();  

  • js实现获取当前时间是本月第几周的方法

    本文实例讲述了js实现获取当前时间是本月第几周的方法.分享给大家供大家参考.具体如下: <script language="javascript"> var getMonthWeek = function (a, b, c) { /* a = d = 当前日期 b = 6 - w = 当前周的还有几天过完(不算今天) a + b 的和在除以7 就是当天是当前月份的第几周 */ var date = new Date(a, parseInt(b) - 1, c), w = d

  • JS中处理与当前时间间隔的函数代码

    复制代码 代码如下: <script type="text/javascript"> //计算一个日期字符串与当前日期相差值 //输入的参数形式如:2012-12-12 12:12:12 //返回相差值的字符串 function GetDateDiff(datetime) { // 可以将2012 - 12 - 12 12 : 12 : 12字符串转为JS中的时期对象, // 因为默认情况下只把持2000 / 05 / 05这样形式的字符串转为时间对象 var dateBe

  • JavaScript 获取当前时间戳的代码

    JavaScript 获取当前时间戳: 第一种方法: 复制代码 代码如下: var timestamp = Date.parse(new Date()); 结果:1280977330000 第二种方法: 复制代码 代码如下: var timestamp = (new Date()).valueOf(); 结果:1280977330748 以上代码将获取从 1970年1月1日午夜开始的毫秒数.二者的区别是,第一种方法的毫秒位上为全零,即只是精确到秒的毫秒数 如题所示,返回unix时间戳所对应的具体

  • JavaScript将当前时间转换成UTC标准时间的方法

    本文实例讲述了JavaScript将当前时间转换成UTC标准时间的方法.分享给大家供大家参考.具体如下: 这里使用JavaScript将当前时间转换成UTC标准时间,北京在东八区,在北京时间基础上减掉8小时 <!DOCTYPE html> <html> <body> <p id="demo"> Click the button to display the UTC date and time as a string. </p>

  • JS得到当前时间的方法示例

    本文实例讲述了JS得到当前时间的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/

  • javascript获取系统当前时间的方法

    javascript获取系统当前时间的方法

    本文实例讲述了javascript获取系统当前时间的代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <html> <head> <title>获取时间</title> <script type="text/javascript"> window.onload = function(){ showTime(); } function showTime(){

  • js获取当前时间显示在页面上并每秒刷新

    方法很简单,代码也很简洁,直接奉上代码吧 复制代码 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js获取当前时间显示在页面上</title> <script> window.onload=function(){ //定时器每秒调用一次fnDate() setInterval(f

随机推荐