`
A牛哥哥
  • 浏览: 149461 次
社区版块
存档分类
最新评论

js数字时钟

js数字时钟javascript数字时钟js走时js时间 
阅读更多

js数字时钟,效果如下: 




<html>
	<head>
		 <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
	</head>

	<body>
		<span id="datetime" style="color: red"></span>
	</body>

 
 <script type="text/javascript">
	setTime();
  function setTime(){
      var mydate=new Date();
      var year = mydate.getFullYear();
      var mymonth=parseInt(mydate.getMonth()+1)<10?"0"+(mydate.getMonth()+1):mydate.getMonth()+1;
      var myday= mydate.getDate();
      var myweekday=mydate.getDay();
   	  var myHours = parseInt(mydate.getHours())<10?"0"+(mydate.getHours()):mydate.getHours();
      var myMinutes = mydate.getMinutes()<10?"0"+mydate.getMinutes():mydate.getMinutes();
      var mySeconds = parseInt(mydate.getSeconds())<10?"0"+mydate.getSeconds():mydate.getSeconds();
      if(myweekday == 0)
      weekday=" 星期日 ";
      else if(myweekday == 1)
      weekday=" 星期一 ";
      else if(myweekday == 2)
      weekday=" 星期二 ";
      else if(myweekday == 3)
      weekday=" 星期三 ";
      else if(myweekday == 4)
      weekday=" 星期四 ";
      else if(myweekday == 5)
      weekday=" 星期五 ";
      else if(myweekday == 6)
      weekday=" 星期六 ";
     datetime.innerHTML=year+"年"+mymonth+"月"+myday+"日 "+myHours+":"+myMinutes+":"+mySeconds+" "+weekday;
  	 setTimeout("setTime()",1000);
  }
  </script>
</html>
  • 大小: 7.5 KB
分享到：
| ajax跨域请求
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    vue.js数字时钟本地时间代码.zip

    在这个“vue.js数字时钟本地时间代码”项目中，开发者创建了一个能够显示当前本地时间和日期的数字时钟。时钟不仅会显示小时、分钟和秒，还会包括星期和日期，使得它成为一款功能齐全的桌面小部件。 在JavaScript中...

    js 数字时钟

    JavaScript（简称JS）数字时钟是一种使用前端技术来实时显示当前日期和时间的网页组件。在本案例中，我们特别关注的是使用Vue.js框架来实现这个功能。Vue.js是一款轻量级、渐进式的JavaScript框架，它使得构建用户...

    JavaScript 数字时钟代码

    JavaScript 数字时钟代码 function Time(){ if (!document.layers&&!document.all) return var Timer=new Date() var hours=Timer.getHours() var minutes=Timer.getMinutes() var seconds=Timer.getSeconds()...

    原生JavaScript数字时钟-内含29种样式

    总的来说，原生JavaScript数字时钟项目是一个很好的学习实践，涵盖了基础的JavaScript编程、DOM操作、时间处理和CSS样式设计。通过这个项目，开发者可以提升自己的技能，同时也能创造出美观且实用的网页元素。无论是...

    原生js图片数字时钟走动代码

    在JavaScript（JS）编程中，创建一个数字时钟是一个常见的练习，它可以帮助开发者熟悉DOM操作、事件循环以及时间处理。本教程将详细讲解如何利用原生JavaScript实现一个动态更新的图片数字时钟。 首先，我们需要...

    基于JavaScript的数字时钟

    首先，让我们深入了解一下JavaScript数字时钟的基本原理。在JavaScript中，获取当前时间是通过`Date`对象来完成的。创建一个新的`Date`实例将返回当前日期和时间，然后可以通过`Date`对象的方法获取各种时间属性，...

    javascript数字时钟

    JavaScript数字时钟是一种常见的网页交互元素，它能够实时显示当前时间，给用户带来动态的视觉体验。本项目利用JavaScript语言创建了一个数字时钟，并且结合了背景图片，使其可以作为桌面壁纸使用，增加了视觉吸引力...

    js数字时钟 一个简单的实例

    在这个“js数字时钟”实例中，我们将深入探讨如何利用JS来创建一个实时更新的时钟，以及涉及到的关键技术——`document.images`。 首先，我们要明白JS数字时钟的基本原理。在JavaScript中，我们可以使用内置的Date...

    Javascript数字时钟代码

    ### JavaScript数字时钟代码解析与实现 #### 一、引言 在现代Web开发中，动态显示时间的应用非常广泛，从简单的网站时钟到复杂的实时数据更新，都离不开对当前时间的准确把握。本文将深入解析一个基于JavaScript的...

    纯js数字时钟.htm

    纯js数字时钟 效果：2014年12月6日 星期六 17:09:32

    网页模板——vue.js数字时钟本地时间特效源码.zip

    在这个"网页模板——vue.js数字时钟本地时间特效源码"项目中，我们将深入探讨如何使用Vue.js来创建一个实时更新的数字时钟，显示本地时间，并实现一些动态特效。 首先，Vue.js的核心概念之一是组件化。在这个项目中...

    vue.js数字时钟本地时间特效源码.zip

    这个压缩包“vue.js数字时钟本地时间特效源码.zip”包含了一个使用Vue.js实现的数字时钟功能，它能显示本地时间并带有特效。让我们深入探讨Vue.js、CSS3以及如何创建这样的时钟。 Vue.js的核心特性包括声明式渲染、...

    CSS3和js简单数字时钟代码.zip

    js代码 [removed] 'use strict'; ...var columns = Array.from(document.getElementsByClassName('column'));...这是一款简单的自动获取本地时间的css3 js简单数字时钟代码，时分秒上下滚动动画切换网页时钟特效。

    vue.js科技感十足的数字时钟效果

    在这个项目中，“vue.js科技感十足的数字时钟效果”展示了Vue.js如何被用来创建一个具有现代科技感的数字时钟，该时钟不仅显示时间，还包括日期和星期。 首先，让我们深入了解一下Vue.js的核心概念： 1. **数据...

    vue.js带日期星期数字时钟代码免费下载

    综上所述，这个Vue.js数字时钟项目涉及了Vue的核心特性和JavaScript的日期处理，通过组件化和响应式设计实现了动态实时的时钟功能。在实际开发过程中，你还可以根据需求添加更多功能，如调整时区、设置时钟样式等，...

    CSS3 js简单数字时钟代码.zip

    js代码 [removed] 'use strict'; ...var columns = Array.from(document.getElementsByClassName('column'));... 这是一款简单的自动获取本地时间的css3 js简单数字时钟代码，时分秒上下滚动动画切换网页时钟特效。

Magicbox
Global site tag (gtag.js) - Google Analytics