用js写动态时钟 2017-03-23

45每隔1秒变一次;

代码如下:

<body onLoad="show()" >   ------------表示当页面载入时执行该事件,可以没有

<div id="count1">

</div>

<script>

function show(){

var d=new Date();

var dy=d.getFullYear();

var dm=d.getMonth()+1;     ------------月份要加1

var dd=d.getDate();          ---------是date不是day

var dh=d.getHours();

var de=d.getMinutes();

var ds=d.getSeconds();

var shijian=dy+"-"+dm+"-"+dd+" "+dh+":"+de+":"+ds;  ---------字符串拼接

document.getElementById("count1").innerHTML=shijian;

}

setInterval("show()",1000);     -----------设置时间间隔

</script>

</body>

</html>

时间: 2024-10-06 12:40:00

用js写动态时钟 2017-03-23的相关文章

分享一个很有意思的js,动态时钟显示,能跟随鼠标移动

原文:分享一个很有意思的js,动态时钟显示,能跟随鼠标移动 源代码下载地址:http://www.zuidaima.com/share/1550463688182784.htm

JS写动态分页样式效果

效果图如下: html: <body> <div> <table id="btnbox"> <tbody> <tr><td> <a href="#" class="btn">上一页</a> <a href="#" index="1">1</a> <a href="#&quo

2017.03.23

<诗人的墓志铭> 奥克塔维奥·帕斯 他要歌唱,为了忘却 真正生活的虚伪,为了记住 虚伪生活的真实.

用JS写动态导航

$(function(){ var url=window.location.pathname; if(url.indexOf('index')!=-1){                                  //即在网址路径中找到了字符串'index' $('ul li').each(function(){ $(this).find('a').removeClass('current'); }); $("ul li a[href*='fifi']").addClass('

原生JS实现动态时钟(优化)

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <p id="num"></p> <a href="javascript:stop()">让时间停止吧</a> <a hr

js+css3实现动态时钟-------Day66

昨天搬家一天,宽带到最后也没有安装上,颇为恼火,但是收拾了一天新租的房屋,倒有了颇多的想法,这里先来实现一个--动态时钟(已经上传到资源里了,图片整的有些粗糙了,汗...) 这里来记录下,这个看起来简单好实现的功能,我在实现的过程中碰到了哪些问题,因为这时还没查看网上的代码,只是根据自己现阶段的学习来做的,可能会有些麻烦,有些粗糙,但是终归是实现了这个效果,心里还是小开心了下. 先来张最终实现的效果图(静态图片); 首先准备素材,我从网上搜到了一个时钟的素材,谁让我的ps还菜的菜呢,然后我有了表

js 动态时钟

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

canvas简单实现动态时钟

使用到的知识: 1.     获取系统时间 2.     画图形,空心图形,实心图形,以及一些属性 3.     for循环 准备工作:添加一块画布1000*1000(随意),引用canvas.js <!doctype html> <html>  <head>   <meta charset="UTF-8">   <meta name="Generator" content="EditPlus?&quo

“高三”笔记之动态JS、动态样式

拜读<JavaScript高级程序设计> --- 站在巨人的肩上 动态JS.动态样式就是页面加载时不存在,但将来通过DOM操作动态添加的脚本:包括加载外部文件和添加内部代码块两种:动态加载的外部文件能够立即运行,而动态添加的代码块却不能如愿的立即执行:下面将主要以JS为例,小小的探索下动态脚本的加载.执行以及jQuery的做法.Angularjs的相关做法: 1.动态加载外部文件 因为动态加载的外部JS会立即执行,也没什么浏览器兼容性问题,这个好处理:这里的重点是怎么知道脚本已加载完成呢?呵呵