javascript系统时间设置操作示例


Posted in Javascript onJune 17, 2019

本文实例讲述了javascript系统时间设置操作。分享给大家供大家参考,具体如下:

<script>
  //myTime typeof //object
  window.onload = function() {
    var obody = document.body;
    //设置一个定时器,每过一秒钟,自动加一秒
    setInterval(fnTime, 1000)
    //如果不执行这个函数,第一次打开时,会过一秒钟才出来
    fnTime();
    function fnTime() {
      var myTime = new Date();
      var iYear = myTime.getFullYear();
      var iMonth = myTime.getMonth() + 1;
      var iDate = myTime.getDate();
      var iWeek = myTime.getDay();
      var iHours = myTime.getHours();
      var iMinutes = myTime.getMinutes();
      var iSeconds = myTime.getSeconds();
      var str = "";
      if(iWeek === 0) iWeek = "星期日"
      if(iWeek === 1) iWeek = "星期一"
      if(iWeek === 2) iWeek = "星期二"
      if(iWeek === 3) iWeek = "星期三"
      if(iWeek === 4) iWeek = "星期四"
      if(iWeek === 5) iWeek = "星期五"
      if(iWeek === 6) iWeek = "星期六"
      str = iYear + "年" + iMonth + "月" + iDate + "日 " + iWeek + " " + toTwo(iHours) + "时" + toTwo(iMinutes) + "分" + toTwo(iSeconds) + "秒"
      obody.innerHTML = str;
    }
    console.log(toTwo(05))//05
    console.log(toTwo(15))//15
    //这个函数主要是让:时分秒到59秒时,再走一秒就变成了0,而不是00,所以要转换一下
    function toTwo(n) {
      /*
       if(n < 10) {
       return "0" + n;
       } else {
       return "" + n;
       }
       */
      //我们可以用三目
      return n < 10 ? "0" + n : "" + n
    }
  }
</script>

运行结果:

javascript系统时间设置操作示例

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

Javascript 相关文章推荐
在jquery中处理带有命名空间的XML数据
Jun 13 Javascript
js检查页面上有无重复id的实现代码
Jul 17 Javascript
js切换光标示例代码
Oct 10 Javascript
浅谈json取值(对象和数组)
Jun 24 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
Dec 26 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
Jan 17 Javascript
ES6数组的扩展详解
Apr 25 Javascript
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
Aug 24 Javascript
全面介绍vue 全家桶和项目实例
Dec 27 Javascript
vue使用中的内存泄漏【推荐】
Jul 10 Javascript
详解vue2.0 资源文件assets和static的区别
Nov 27 Javascript
vue-cli中安装方法(图文详细步骤)
Dec 12 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
Jun 17 #Javascript
Vue程序调试的方法
Jun 17 #Javascript
Vue拖拽组件列表实现动态页面配置功能
Jun 17 #Javascript
javascript实现日历效果
Jun 17 #Javascript
如何使用Node.js爬取任意网页资源并输出PDF文件到本地
Jun 17 #Javascript
javascript使用substring实现的展开与收缩文字功能示例
Jun 17 #Javascript
vue+element加入签名效果(移动端可用)
Jun 17 #Javascript
You might like
php 文件缓存函数
2011/10/08 PHP
PHP在线书签系统分享
2016/01/04 PHP
PHP正则表达式入门教程(推荐)
2016/05/18 PHP
既简单又安全的PHP验证码 附调用方法
2016/06/02 PHP
解决thinkphp5未定义变量会抛出异常,页面错误,请稍后再试的问题
2019/10/16 PHP
繁简字转换功能
2006/07/19 Javascript
JS 继承实例分析
2008/11/04 Javascript
javascript 模式设计之工厂模式详细说明
2010/05/10 Javascript
点击进行复制的JS代码实例
2013/08/23 Javascript
JS DOM实现鼠标滑动图片效果
2020/09/17 Javascript
jQuery数组处理函数整理
2016/08/03 Javascript
js html5 css俄罗斯方块游戏再现
2016/10/17 Javascript
nodejs和php实现图片访问实时处理
2017/01/05 NodeJs
详解Vue.js分发之作用域槽
2017/06/13 Javascript
js中DOM事件绑定分析
2018/03/18 Javascript
Vuex模块化应用实践示例
2020/02/03 Javascript
js实现登录时记住密码的方法分析
2020/04/05 Javascript
vue 实现基础组件的自动化全局注册
2020/12/25 Vue.js
[01:00:10]完美世界DOTA2联赛PWL S2 FTD vs Inki 第二场 11.21
2020/11/24 DOTA
Python中的if、else、elif语句用法简明讲解
2016/03/11 Python
Python Django给admin添加Action的方法实例详解
2019/04/29 Python
Python操作SQLite数据库过程解析
2019/09/02 Python
Django3.0 异步通信初体验(小结)
2019/12/04 Python
python 计算方位角实例(根据两点的坐标计算)
2020/01/17 Python
tensorflow实现训练变量checkpoint的保存与读取
2020/02/10 Python
css背景图片的背景裁切、背景透明度、背景变换等效果运用
2012/12/24 HTML / CSS
Europcar西班牙:全球汽车租赁领域的领导者
2018/09/17 全球购物
俄罗斯建筑和装饰材料在线商店:Stroilandia
2020/07/25 全球购物
adidas泰国官网:adidas TH
2020/07/11 全球购物
Overload和Override的区别。Overloaded的方法是否可以改变返回值的类型
2013/10/30 面试题
应届生污水处理求职信
2013/11/06 职场文书
2015年社区居委会工作总结
2015/05/18 职场文书
2016年十一促销广告语
2016/01/28 职场文书
导游词之山东八大关
2019/12/18 职场文书
提取视频中的音频 Python只需要三行代码!
2021/05/10 Python
Redis字典实现、Hash键冲突及渐进式rehash详解
2021/09/04 Redis