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 相关文章推荐
jquery select选中的一个小问题
Oct 11 Javascript
JS+ACTIVEX实现网页选择本地目录路径对话框
Mar 18 Javascript
js实现汉字排序的方法
Jul 23 Javascript
jQuery div拖拽用法实例
Jan 14 Javascript
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
May 20 jQuery
webpack教程之webpack.config.js配置文件
Jul 05 Javascript
基于twbsPagination.js分页插件使用心得(分享)
Oct 21 Javascript
用jquery获取select标签中选中的option值及文本的示例
Jan 25 jQuery
Vue动态控制input的disabled属性的方法
Jun 26 Javascript
微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析)
Apr 11 Javascript
vue组件开发之tab切换组件使用详解
Aug 21 Javascript
利用React高阶组件实现一个面包屑导航的示例
Aug 23 Javascript
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精确的统计在线人数的方法
2015/10/21 PHP
PHP如何获取当前主机、域名、网址、路径、端口等参数
2017/06/09 PHP
Thinkphp5 如何隐藏入口文件index.php(URL重写)
2019/10/16 PHP
由prototype_1.3.1进入javascript殿堂-类的初探
2006/11/06 Javascript
javascript实现的动态添加表单元素input,button等(appendChild)
2007/11/24 Javascript
JavaScript面向对象之静态与非静态类
2010/02/03 Javascript
php上传图片并给图片打上透明水印的代码
2010/06/07 Javascript
CSS和Javascript简单复习资料
2010/06/29 Javascript
Jquery插件之打造自定义的select标签
2011/11/30 Javascript
JavaScript单元测试ABC
2012/04/12 Javascript
javascript实现图片轮播效果
2016/01/20 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
2016/06/14 Javascript
js判断所有表单项不为空则提交表单的实现方法
2016/09/09 Javascript
从0开始学Vue
2016/10/27 Javascript
JavaScript实现树的遍历算法示例【广度优先与深度优先】
2017/10/26 Javascript
Nuxt使用Vuex的方法示例
2019/09/06 Javascript
JavaScript Html实现移动端红包雨功能页面
2021/01/10 Javascript
实例讲解Python中SocketServer模块处理网络请求的用法
2016/06/28 Python
基于Python的接口测试框架实例
2016/11/04 Python
python查询文件夹下excel的sheet名代码实例
2019/04/02 Python
Django 在iframe里跳转顶层url的例子
2019/08/21 Python
flask框架自定义过滤器示例【markdown文件读取和展示功能】
2019/11/08 Python
Python实现多线程下载脚本的示例代码
2020/04/03 Python
在pycharm中使用pipenv创建虚拟环境和安装django的详细教程
2020/11/30 Python
详解Open Folder as PyCharm Project怎么添加的方法
2020/12/29 Python
HTML5验证以及日期显示的实现详解
2013/07/05 HTML / CSS
Linux的主要特性
2016/09/03 面试题
财务科科长岗位职责
2014/03/10 职场文书
初中班主任评语大全
2014/04/24 职场文书
秋天的怀念教学反思
2014/04/28 职场文书
产品销售计划书
2014/05/04 职场文书
“六查”、“三学”、“三干”查摆问题整改措施
2014/09/27 职场文书
2014年依法行政工作总结
2014/11/19 职场文书
面试通知短信
2015/04/20 职场文书
话题作文之成长
2019/12/09 职场文书
基于Redis结合SpringBoot的秒杀案例详解
2021/10/05 Redis