关闭

JavaScript小特效---简单的网页日历时钟

191人阅读 评论(0) 收藏 举报
分类:

今天我学习到了一个用JavaScript制作的一个简单的网页日历时钟,它会在网页上显示今天的日期,和现在的时分秒。而且秒数还会在网页上面自动增加。

下面是效果图,没有进行界面美化加工的


下面分享源代码

 <html>
<script>
// Insert before Body tag
<!--
 
function showGMTDateTime(){ // script by Peter Hawkespeterhawkes@btopenworld.com
if(document.getElementById){
if(document.getElementById) var obj = document.getElementById("showdate");
if(document.all) var obj = document.all("showdate");
    var thedate = new Date();
obj.innerHTML =thedate.toGMTString().substring((thedate.toGMTString().length-4),0);
setTimeout('showGMTDateTime()',1000);}}
 
//-->
</script>
<style>
#showdate {
    font-family:Verdana, Helvetica, Arial, sans-serif;
    color:#000000;
    font-size:12px;
    }
</style>
 
//Insert in body Tag
<body onload="showGMTDateTime()">
<p id="showdate"></p>
 
  </body>
</html>


0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

网站设计之常见简单实用的JavaScript特效总结(上篇)

这篇主要是总结JavaScript常见简单实用的特效,主要从代码量短、简单实用几个方面进行叙述。其中特效包括: 1.鼠标悬停图片切换查看器; 2.鼠标移动图片放大; ...
  • Eastmount
  • Eastmount
  • 2016-12-19 00:54
  • 2751

使用JavaFX设置一个简单日历

1.先看效果: 2.代码: 1)ClockEdge.java类 这个类(Pane)主要是用来设置时钟边缘(为了美观对直了半天,其实想想也没必要~。~) package com.javaBasic....
  • Smart_snail
  • Smart_snail
  • 2016-10-17 23:00
  • 724

js实现简单的日历

js简单日历 *{ margin: 0; padding: 0; } /* var myDate=new Date(); var y...
  • wuzhe128520
  • wuzhe128520
  • 2016-09-28 12:49
  • 801

HTML5-炫丽的时钟效果Canvas绘图与动画

HTML5-炫丽的时钟效果Canvas绘图与动画 .linux903,.linux902 {display:none!important
  • cometwo
  • cometwo
  • 2016-01-14 11:11
  • 3579

JavaScript时钟制作

javascript charAt()方法可返回数组的指定位置的字符并且与直接写Array[0]下标的方式不同的是它兼容IE7. 但是需要注意的是charAt() 方法每次返回的字符长度为一的字符串 ...
  • qinqingz
  • qinqingz
  • 2016-11-01 00:07
  • 417

纯手工js+Jquery打造的日历(根据一个网友自编的简单的js日历改造的)

调用:new Calendar("calTable","date","selectYear","selectMonth",2000,2020); 前四个参数都是一些ID,最后两个,前一个是日历的起始年...
  • u011681370
  • u011681370
  • 2013-11-13 21:33
  • 3096

js雪花特效_跟随页面滚动的下雪特效

这星期宁波有些地方已经开始下雪了,气温一下子降了很多,又快过年了。冬天最喜欢的就是下雪了,我想没有几个人不喜欢的,所以就从网络上到处收集有关雪花的特效,今天就来分享第一个JS雪花特效。这是个从淘宝网上...
  • chenshaojinglog
  • chenshaojinglog
  • 2013-12-20 09:00
  • 2165

常见40个常用的js页面效果图

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 no 可用于Table 2. 取消选取、防止复制 3. onpaste=...
  • echocdzh
  • echocdzh
  • 2015-12-14 15:34
  • 1816

HTML5 简单页面实现时钟效果

界面显示: html代码: JSP Page canvas{ border...
  • u012716909
  • u012716909
  • 2016-05-19 10:31
  • 2903

智能社简易日历

html> head> meta charset="utf-8"> title>无标题文档title> style> *{margin:0;padding:0}...
  • u012453843
  • u012453843
  • 2016-07-18 00:05
  • 808
    个人资料
    • 访问:25944次
    • 积分:534
    • 等级:
    • 排名:千里之外
    • 原创:27篇
    • 转载:2篇
    • 译文:0篇
    • 评论:1条
    文章分类
    最新评论