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插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
Apr 30 Javascript
jquery实现浮动的侧栏实例
Jun 25 Javascript
AngularJS 日期格式化详解
Dec 23 Javascript
详解jQuery UI库中文本输入自动补全功能的用法
Apr 23 Javascript
解决AngualrJS页面刷新导致异常显示问题
Apr 20 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
Dec 19 Javascript
快速搭建Node.js(Express)用户注册、登录以及授权的方法
May 09 Javascript
使用Vue 实现滑动验证码功能
Jun 27 Javascript
详解Vue 项目中的几个实用组件(ts)
Oct 29 Javascript
Element PageHeader页头的使用方法
Jul 26 Javascript
js实现3D旋转相册
Aug 02 Javascript
在vue中axios设置timeout超时的操作
Sep 04 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中$_SERVER[PHP_SELF] 和 $_SERVER[SCRIPT_NAME]之间的区别
2009/09/05 PHP
php集成环境xampp中apache无法启动问题解决方案
2014/11/18 PHP
php简单实现无限分类树形列表的方法
2015/03/27 PHP
CodeIgniter配置之autoload.php自动加载用法分析
2016/01/20 PHP
jQuery 操作XML入门
2008/12/25 Javascript
jquery移除button的inline onclick事件(已测试及兼容浏览器)
2013/01/25 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
2015/03/30 Javascript
React.js入门学习第一篇
2016/03/30 Javascript
如何高效率去掉js数组中的重复项
2016/04/12 Javascript
jQuery实现右键菜单、遮罩等效果代码
2016/09/27 Javascript
关于微信jssdk实现多图片上传的一点心得分享
2016/12/13 Javascript
Vue结合原生js实现自定义组件自动生成示例
2017/01/21 Javascript
微信小程序中实现一对多发消息详解及实例代码
2017/02/14 Javascript
javascript图片预览和上传(兼容IE)
2017/03/15 Javascript
JavaScript表单验证实现代码
2017/05/22 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
2017/06/20 Javascript
微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
2017/08/16 Javascript
Vue.js实现实例搜索应用功能详细代码
2017/08/24 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
2019/03/12 Javascript
koa大型web项目中使用路由装饰器的方法示例
2019/04/02 Javascript
Vue使用zTree插件封装树组件操作示例
2019/04/25 Javascript
微信小程序动态添加view组件的实例代码
2019/05/23 Javascript
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
2020/07/15 Javascript
vue3+typescript实现图片懒加载插件
2020/10/26 Javascript
[48:11]完美世界DOTA2联赛 Magma vs GXR 第二场 11.07
2020/11/10 DOTA
python中in在list和dict中查找效率的对比分析
2018/05/04 Python
Python3.9.1中使用split()的处理方法(推荐)
2021/02/07 Python
Roxy美国官网:澳大利亚冲浪、滑雪健身品牌
2016/07/30 全球购物
C语言中一个结构不能包含指向自己的指针吗
2012/05/25 面试题
幼儿教师工作感言
2014/02/14 职场文书
好学生评语大全
2014/05/05 职场文书
党校学习党性分析材料
2014/12/19 职场文书
签约仪式致辞
2015/07/30 职场文书
幼儿园保教工作总结2015
2015/10/15 职场文书
2016年小学教师政治学习心得体会
2016/01/23 职场文书