Javascript实现倒计时时差效果


Posted in Javascript onMay 18, 2017

本文实例为大家分享了js倒计时时差效果的实现代码,供大家参考,具体内容如下

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>当前系统时间</title>
<link rel="stylesheet" href="style.css" />
<script language="javascript" type="text/javascript">

 window.onload = function(){
 showTime();
 }
 function checkTime(i){ //补位处理
 if(i<10){
  i='0'+i;
 }
 return i;
 }
 function showTime(){
 var now=new Date();
 var year= now.getFullYear();
 var month= now.getMonth()+1;
 var day= now.getDate();
 var h= now.getHours();
 var m= now.getMinutes();
 var s= now.getSeconds();
 m=checkTime(m);
 s=checkTime(s);

 var weekday=new Array(7)
 weekday[0]="星期日"
 weekday[1]="星期一"
 weekday[2]="星期二"
 weekday[3]="星期三"
 weekday[4]="星期四"
 weekday[5]="星期五"
 weekday[6]="星期六"

 document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+ ? +h+":"+m+":"+s;
 t=setTimeout('showTime()',500)
 }

</script>
</head>
<body>
<div class="content1">
 <div id="show">显示时间的位置</div>
</div>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js实现鼠标触发图片抖动效果的方法
Feb 27 Javascript
JS、jQuery中select的用法详解
Apr 21 Javascript
js动态获取子复选项并设计全选及提交的实现方法
Jun 24 Javascript
angular ng-repeat数组中的数组实例
Feb 18 Javascript
JQuery实现定时刷新功能代码
May 09 jQuery
JavaScript该如何学习 怎样轻松学习JavaScript
Jun 12 Javascript
详解开源的JavaScript插件化框架MinimaJS
Oct 26 Javascript
Vue组件全局注册实现警告框的实例详解
Jun 11 Javascript
基于Vue+element-ui 的Table二次封装的实现
Jul 20 Javascript
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
May 18 Vue.js
vue3中provide && inject的使用
Jul 01 Vue.js
vue使用element-ui按需引入
May 20 Vue.js
vue-cli webpack 开发环境跨域详解
May 18 #Javascript
JavaScript实现简单的星星评分效果
May 18 #Javascript
Javascript循环删除数组中元素的几种方法示例
May 18 #Javascript
Javascript实现信息滚动效果
May 18 #Javascript
详解Vue-cli 创建的项目如何跨域请求
May 18 #Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
May 18 #Javascript
BootStrap 导航条实例代码
May 18 #Javascript
You might like
php 操作excel文件的方法小结
2009/12/31 PHP
浅谈json_encode用法
2015/03/05 PHP
php开发微信支付获取用户地址
2015/10/04 PHP
详解thinkphp5+swoole实现异步邮件群发(SMTP方式)
2017/10/13 PHP
lyhucSelect基于Jquery的Select数据联动插件
2011/03/29 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
2012/09/19 Javascript
jQuery弹簧插件编写基础之“又见弹窗”
2015/12/11 Javascript
浏览器兼容的JS写法总结
2016/04/27 Javascript
js将json格式的对象拼接成复杂的url参数方法
2016/05/25 Javascript
nodejs连接mysql数据库简单封装示例-mysql模块
2017/04/10 NodeJs
Vue中&quot;This dependency was not found&quot;问题的解决方法
2018/06/19 Javascript
nodejs的路径问题的解决
2018/06/30 NodeJs
Nuxt配合Node在实际生产中的应用详解
2018/08/07 Javascript
Vue CL3 配置路径别名详解
2019/05/30 Javascript
layui.use模块外部使用其内部定义的js封装函数方法
2019/09/16 Javascript
vue的webcamjs集成方式
2020/11/16 Javascript
在Python的列表中利用remove()方法删除元素的教程
2015/05/21 Python
python关键字and和or用法实例
2015/05/28 Python
基于Python实现一个简单的银行转账操作
2016/03/06 Python
Python-嵌套列表list的全面解析
2016/06/08 Python
python3学习之Splash的安装与实例教程
2018/07/09 Python
Python基于递归算法求最小公倍数和最大公约数示例
2018/07/27 Python
django如何连接已存在数据的数据库
2018/08/14 Python
Python简单过滤字母和数字的方法小结
2019/01/09 Python
python的turtle库使用详解
2019/05/10 Python
Docker部署Python爬虫项目的方法步骤
2020/01/19 Python
法国和欧洲海边和滑雪度假:Pierre & Vacances
2017/01/04 全球购物
Lyle & Scott苏格兰金鹰官网:英国皇室御用品牌
2018/05/09 全球购物
Cult Gaia官网:美国生活方式品牌
2019/08/16 全球购物
幼儿师范毕业生自荐信
2013/11/09 职场文书
大学校园活动策划书
2014/02/04 职场文书
房地产公司见习自我鉴定
2014/04/28 职场文书
护士个人年度总结范文
2015/02/13 职场文书
教你用python实现12306余票查询
2021/06/30 Python
Android开发EditText禁止输入监听及InputFilter字符过滤
2022/06/10 Java/Android
java.util.NoSuchElementException原因及两种解决方法
2022/06/28 Java/Android