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 相关文章推荐
Javascript WebSocket使用实例介绍(简明入门教程)
Apr 16 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
Sep 23 Javascript
DOM基础教程之事件对象
Jan 20 Javascript
jQuery实现动态表单验证时文本框抖动效果完整实例
Aug 21 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
Oct 23 Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
May 09 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
Sep 05 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
Nov 08 Javascript
Node.js 回调函数实例详解
Jul 06 Javascript
详解Vue的computed(计算属性)使用实例之TodoList
Aug 07 Javascript
JS实现点击拉拽轮播图pc端移动端适配
Sep 05 Javascript
Node.js net模块功能及事件监听用法分析
Jan 05 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 和 MYSQL
2006/10/09 PHP
php中session使用示例
2014/03/29 PHP
关于laravel后台模板laravel-admin select框的使用详解
2019/10/03 PHP
网页上的Javascript编辑器和代码格式化
2010/04/25 Javascript
jquery 图片轮换效果
2010/07/29 Javascript
JQuery each()函数如何优化循环DOM结构的性能
2012/12/10 Javascript
jQuery 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
2013/04/26 Javascript
JavaScript编写检测用户所使用的浏览器的代码示例
2016/05/05 Javascript
关于JS变量和作用域详解
2016/07/28 Javascript
Angular Module声明和获取重载实例代码
2016/09/14 Javascript
原生JS实现N级菜单的代码
2017/05/21 Javascript
JS集合set类的实现与使用方法示例
2019/02/01 Javascript
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
微信小程序开发摇一摇功能
2019/11/22 Javascript
node.js中fs文件系统模块的使用方法实例详解
2020/02/13 Javascript
python抓取某汽车网数据解析html存入excel示例
2013/12/04 Python
python妹子图简单爬虫实例
2015/07/07 Python
深入理解python中的浅拷贝和深拷贝
2016/05/30 Python
Empty test suite.(PyCharm程序运行错误的解决方法)
2018/11/30 Python
Python基础学习之时间转换函数用法详解
2019/06/18 Python
python3+PyQt5 自定义窗口部件--使用窗口部件样式表的方法
2019/06/26 Python
python-序列解包(对可迭代元素的快速取值方法)
2019/08/24 Python
运行tensorflow python程序,限制对GPU和CPU的占用操作
2020/02/06 Python
keras使用Sequence类调用大规模数据集进行训练的实现
2020/06/22 Python
canvas实现扭蛋机动画效果的示例代码
2018/10/17 HTML / CSS
墨西哥网上购物:Linio墨西哥
2016/10/20 全球购物
荷兰照明、灯具和配件网上商店:dmlights
2019/08/25 全球购物
销售员自我评价怎么写
2013/09/19 职场文书
大学生毕业自我评价范文分享
2013/11/11 职场文书
共筑中国梦演讲稿
2014/04/23 职场文书
乡镇干部个人整改措施思想汇报
2014/10/10 职场文书
简单的个人租房协议书范本
2014/11/26 职场文书
2015新年寄语大全
2014/12/08 职场文书
Python实现拼音转换
2021/06/07 Python
mysql如何配置白名单访问
2021/06/30 MySQL
梳理总结Python开发中需要摒弃的18个坏习惯
2022/01/22 Python