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必备 api中英文对照的chm手册 下载
May 03 Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
Sep 16 Javascript
js保留两位小数使用toFixed实现
Jul 29 Javascript
极力推荐10个短小实用的JavaScript代码段
Aug 03 Javascript
Javascript 函数的四种调用模式
Nov 05 Javascript
微信开发之调起摄像头、本地展示图片、上传下载图片实例
Dec 08 Javascript
vue2.0父子组件及非父子组件之间的通信方法
Jan 21 Javascript
bootstrap输入框组使用方法
Feb 07 Javascript
layer.open关闭父窗口 以及调用父页面的方法
Aug 17 Javascript
Javascript中弹窗confirm与prompt的区别
Oct 26 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
Aug 23 Javascript
浅谈vue中resetFields()使用注意事项
Aug 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网页游戏学习之Xnova(ogame)源码解读(九)
2014/06/24 PHP
php数组生成html下拉列表的方法
2015/07/20 PHP
详解WordPress开发中过滤属性以及Sql语句的函数使用
2015/12/25 PHP
Laravel 的数据库迁移的方法
2017/07/31 PHP
jquery 延迟执行实例介绍
2013/08/20 Javascript
node.js实现逐行读取文件内容的代码
2014/06/27 Javascript
使用命令对象代替switch语句的写法示例
2015/02/28 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
2015/11/24 Javascript
基于jquery编写分页插件
2016/03/07 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
2016/09/08 Javascript
vue进行图片的预加载watch用法实例讲解
2018/02/07 Javascript
Angular6封装http请求的步骤详解
2018/08/13 Javascript
Koa从零搭建到Api实现项目的搭建方法
2019/07/30 Javascript
微信小程序点击列表跳转到对应详情页过程解析
2019/09/26 Javascript
Vue-cli assets SubDirectory及PublicPath区别详解
2020/08/18 Javascript
[29:23]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场1
2014/05/23 DOTA
[48:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 VG vs KG
2018/03/31 DOTA
python实现一次创建多级目录的方法
2015/05/15 Python
Python入门_浅谈逻辑判断与运算符
2017/05/16 Python
Python 迭代器与生成器实例详解
2017/05/18 Python
Python2与Python3的区别实例分析
2019/04/11 Python
使用Python实现毫秒级抢单功能
2019/06/06 Python
python 计算积分图和haar特征的实例代码
2019/11/20 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
解决pycharm每次打开项目都需要配置解释器和安装库问题
2020/02/26 Python
tensorflow基于CNN实战mnist手写识别(小白必看)
2020/07/20 Python
美国维生素、补充剂、保健食品购物网站:Vitacost
2016/08/05 全球购物
俄罗斯苹果优质经销商商店:iPort
2020/05/27 全球购物
50道外企软件测试面试题
2014/08/18 面试题
质量工程师岗位职责
2013/11/16 职场文书
2014年自我评价
2014/01/04 职场文书
清明节演讲稿
2014/05/27 职场文书
公司财务人员岗位职责
2015/04/14 职场文书
php 原生分页
2021/04/01 PHP
一次SQL查询优化原理分析(900W+数据从17s到300ms)
2022/06/10 SQL Server