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 浮动广告实现代码
Dec 25 Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
Jun 02 Javascript
JS实现微信弹出搜索框 多条件查询功能
Dec 13 Javascript
基于JavaScript实现的希尔排序算法分析
Apr 14 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
May 10 Javascript
jQuery实现滚动到底部时自动加载更多的方法示例
Feb 18 jQuery
Vue ElementUi同时校验多个表单(巧用new promise)
Jun 06 Javascript
PM2自动部署代码步骤流程总结
Dec 10 Javascript
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
JS如何实现动态添加的元素绑定事件
Nov 12 Javascript
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
Vue中的nextTick作用和几个简单的使用场景
Jan 25 Vue.js
深入学习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
摩卡咖啡
2021/03/03 咖啡文化
php 文件上传后缀名与文件类型对照表(几乎涵盖所有文件)
2010/05/16 PHP
PHP计划任务、定时执行任务的实现代码
2011/04/23 PHP
Php连接及读取和写入mysql数据库的常用代码
2014/08/11 PHP
php中namespace use用法实例分析
2016/01/22 PHP
ThinkPHP 模板substr的截取字符串函数详解
2017/01/09 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
Laravel服务容器绑定的几种方法总结
2020/06/14 PHP
学习YUI.Ext第七日-View&amp;JSONView Part Two-一个画室网站的案例
2007/03/10 Javascript
javascript学习之闭包分析
2010/12/02 Javascript
JQuery操作表格(隔行着色,高亮显示,筛选数据)
2012/02/23 Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
2014/01/07 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
2016/01/27 Javascript
js定时器实例分享
2016/12/20 Javascript
利用JavaScript如何查询某个值是否数组内
2017/07/30 Javascript
JS中关于正则的巧妙操作
2017/08/31 Javascript
bootstrap-table组合表头的实现方法
2017/09/07 Javascript
Web安全之XSS攻击与防御小结
2018/12/13 Javascript
JS为什么说async/await是generator的语法糖详解
2019/07/11 Javascript
layui table去掉右侧滑动条的实现方法
2019/09/05 Javascript
Vue中使用matomo进行访问流量统计的实现
2019/11/05 Javascript
解决vue的touchStart事件及click事件冲突问题
2020/07/21 Javascript
[02:04]2014DOTA2国际邀请赛 DK一个时代的落幕
2014/07/21 DOTA
使用Python进行QQ批量登录的实例代码
2018/06/11 Python
python中的二维列表实例详解
2018/06/19 Python
PyQt5 实现字体大小自适应分辨率的方法
2019/06/18 Python
python自动结束mysql慢查询会话的实例代码
2019/10/27 Python
python实现横向拼接图片
2020/03/23 Python
python3.6.5基于kerberos认证的hive和hdfs连接调用方式
2020/06/06 Python
Myprotein葡萄牙官方网站:英国优质运动营养品牌
2016/09/12 全球购物
说出一些常用的类,包,接口
2014/09/22 面试题
毕业自荐书
2013/12/09 职场文书
大学毕业寄语大全
2014/04/10 职场文书
优秀团员自我评价范文
2014/04/23 职场文书
班主任对学生的评语
2014/04/26 职场文书
银行员工犯错检讨书
2014/09/16 职场文书