JS动态日期时间的获取方法


Posted in Javascript onSeptember 28, 2015

由于代码比较简单,小编就不再讲解,看代码就明白了,直接把实例帖出来。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>实时时间</title>
  <script type="text/javascript">
    var slidint;
    function newTimer() {
      stopit();
      var today;
      today = new Date();
      var str = today.toLocaleDateString();
      str += "  " + week();
      str += "  " + today.toLocaleTimeString();
      var o = document.getElementById("lblDateTime");
      o.innerHTML = str;
      slidint = setTimeout(newTimer, 1000);
    }
      
    function stopit() {
      clearTimeout(slidint);
    }
      
    function week() {
      var d, day, x, s = " ";
      var x = new Array("星期日", "星期一", "星期二");
      var x = x.concat("星期三", "星期四", "星期五");
      var x = x.concat("星期六");
      d = new Date();
      day = d.getDay();
      return (s += x[day]);
    }
      
    window.onload = function() {
      newTimer();
    }
  </script>
</head>
<body>
  <label id="lblDateTime"></label>
</body>
</html>

代码实现效果如下:

JS动态日期时间的获取方法

关于js获取动态时间的方法有很多,需要大家多进行总结,希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Open and Print a Word Document
Jun 15 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
Mar 24 Javascript
javascript中数组的多种定义方法和常用函数简介
May 09 Javascript
javascript中日期函数new Date()的浏览器兼容性问题
Sep 05 Javascript
HTML中setCapture、releaseCapture 使用方法浅析
Sep 25 Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
Oct 31 Javascript
深入浅出webpack之externals的使用
Dec 04 Javascript
Vue 项目代理设置的优化
Apr 17 Javascript
你应该了解的JavaScript Array.map()五种用途小结
Nov 14 Javascript
layui的表单提交以及验证和修改弹框的实例
Sep 09 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
Jun 26 Javascript
详解vue中v-on事件监听指令的基本用法
Jul 22 Javascript
js电话号码验证方法
Sep 28 #Javascript
JavaScript多图片上传案例
Sep 28 #Javascript
JavaScript判断FileUpload控件上传文件类型
Sep 28 #Javascript
JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集
Sep 28 #Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 #Javascript
JS+CSS实现六级网站导航主菜单效果
Sep 28 #Javascript
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
Sep 27 #Javascript
You might like
IIS6+PHP5+MySQL5+Zend Optimizer+phpMyAdmin安装配置图文教程 2009年
2009/06/08 PHP
ThinkPHP 防止表单重复提交的方法
2011/08/08 PHP
PHP书写格式详解(必看)
2016/05/23 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
2017/11/14 PHP
javascript 树形导航菜单实例代码
2013/08/13 Javascript
使用Js让Html中特殊字符不被转义
2013/11/05 Javascript
jquery 鼠标滑动显示详情应用示例
2014/01/24 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
2016/07/18 Javascript
javascript实现的上下无缝滚动效果
2016/09/19 Javascript
Node.js Sequelize如何实现数据库的读写分离
2016/10/23 Javascript
[原创]SyntaxHighlighter自动识别并加载脚本语言
2017/02/07 Javascript
NodeJS基础API搭建服务器详细过程记录
2017/04/01 NodeJs
微信小程序报错:this.setData is not a function的解决办法
2017/09/27 Javascript
基于Vue 服务端Cookies删除的问题
2018/09/21 Javascript
简述vue-cli中chainWebpack的使用方法
2019/07/30 Javascript
Vue路由模块化配置的完整步骤
2019/08/14 Javascript
微信小程序错误this.setData报错及解决过程
2019/09/18 Javascript
vue中对象数组去重的实现
2020/02/06 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
2020/05/18 Javascript
利用JS判断元素是否为数组的方法示例
2021/01/08 Javascript
zookeeper python接口实例详解
2018/01/18 Python
判断python字典中key是否存在的两种方法
2018/08/10 Python
浅谈python脚本设置运行参数的方法
2018/12/03 Python
Django中自定义查询对象的具体使用
2019/10/13 Python
Keras 实现加载预训练模型并冻结网络的层
2020/06/15 Python
python实现自动清理重复文件
2020/08/24 Python
html5-Canvas可以在web中绘制各种图形
2012/12/26 HTML / CSS
探讨HTML5移动开发的几大特性(必看)
2015/12/30 HTML / CSS
三星印度官网:Samsung印度
2019/08/03 全球购物
意大利文具和办公产品在线商店:Y-Office
2020/02/27 全球购物
What's the difference between an interface and abstract class? (接口与抽象类有什么区别)
2012/10/29 面试题
路政管理毕业自荐书范文
2014/02/10 职场文书
对祖国的寄语大全
2014/04/11 职场文书
爱祖国演讲稿
2014/05/04 职场文书
公务员政审单位鉴定材料
2014/05/16 职场文书
《你在为谁工作》心得体会(共8篇)
2016/01/20 职场文书