1. 简单一点首页
  2. 编程

纯js实现实时刷新时间显示代码,定时刷新页面js

SVZMX • • 编程

本文目录一览：

JAVASCRIPT怎么样制作动态时间显示，给我代码也可以，谢谢啦

html

title/title

head

script language=”JavaScript”

var timerID=null;

var timerRunning=false;

file://启动

function startclock()

{

stopclock();

time();

}

file://停止

function stopclock()

{

if(timerRunning)

clearTimeout(timerID);

timerRunning=false;

}

file://实现模块

function time()

{

file://使用new操作符创建时间对象

var now=new Date();

var yr=now.getYear();

var mName=now.getMonth()+1;

var dayNr=((now.getDate()10)?”0″:””)+now.getDate();

var dName=now.getDay()+1;

var ampm=(now.getHours()=12)?”下午”:”上午”

var hours=now.getHours();

hours=((hours12)?hours-12:hours);

var minutes=((now.getMinutes()10)?”:0″:”:”)+now.getMinutes();

var seconds=((now.getSeconds()10)?”:0″:”:”)+now.getSeconds();

file://判断今天是星期几

if(dName==1)Day=”Sunday”;

if(dName==1)Day=”Monday”;

if(dName==3)Day=”Tuesday”;

if(dName==4)Day=”Wednesday”;

if(dName==5)Day=”Thursday”;

if(dName==6)Day=”Friday”;

if(dName==7)Day=”Saturday”;

file://判断月份

if(mName==1)Month=”Janauary”;

if(mName==2)Month=”February”;

if(mName==3)Month=”March”;

if(mName==4)Month=”April”;

if(mName==5)Month=”May”;

if(mName==6)Month=”June”;

if(mName==7)Month=”July”;

if(mName==8)Month=”August”;

if(mName==9)Month=”September”;

if(mName=10)Month=”October”;

if(mName=11)Month=”November”;

if(mName=12)Month=”December”;

var DayOfWeek=(“”+Day+””);

var MonthDayYear=(“”+Month+”,”+dayNr+”,”+yr+””);

document.forms[0].elements[0].value=MonthDayYear;

var TimeValue=(“”+hours+minutes+seconds+””+ampm);

document.forms[0].elements[1].value=TimeValue;

timerID=setTimeout(“time()”,1000);

timerRunning=true;

}

/script

/head

body onLoad=”startclock()”

form

br

table border=0 widtn=400

tr

TD align=”center”input type=”button” title=”停止” onclick=”stopclock()”

TD align=”center”input type=”button” title=”继续” onclick=”startclock()”

/tr

/table

/form

/html

代码二

script

//定义时钟显示的函数

function displayTime()

{

var today = new Date(); // 定义日期对象

var hours = today.getHours();

var minutes = today.getMinutes();

var seconds = today.getSeconds();

// 从日期对象中中获得时间信息

minutes = fixTime(minutes);

seconds = fixTime(seconds); // 引入fixTime（）函数，使分和秒可以正常显示，对于小于10的数字则在该数字前加一个0

//将时间字符串组合在一起并写出

var the_time = hours + “:” + minutes + “:” + seconds;

window.document.the_form.the_text.value = the_time; //把表格的值重新写一遍，相当于刷新时间

the_timeout= setTimeout(‘displayTime();’,500); //每半秒钟执行一次该函数,即500毫秒

}

function fixTime(the_time)

{

if (the_time 10)

{

the_time = “0” + the_time;

}

return the_time;

}

/script

附 一个更酷的时钟原代码

html

body bgcolor=#3A6EA5

pb用JavaScript编程实现钟表特效/b/p

请用查看源代码方式阅读所有程序代码。

script language=”JavaScript”

!–

dCol=’#22ff’;

fCol=’#e09000′;

sCol=’00ff00′;

mCol=’ff0000′;

hCol=’ffff00′;

ClockHeight=40;

ClockWidth=40;

ClockFromMouseY=0;

ClockFromMouseX=100;

d=new Array(“星期日”,”星期一”,”星期二”,”星期三”,”星期四”,”星期五”,”星期六”);

m=new Array(“一月”,”二月”,”三月”,”四月”,”五月”,”六月”,”七月”,”八月”,”九月”,”十月”,”十一月”,”十二月”);

date=new Date();

day=date.getDate();

year=date.getYear();

if (year 2000) year=year+1900;

TodaysDate=”年 “+m[date.getMonth()]+day+”日 “+d[date.getDay()]+” “+year;

D=TodaysDate.split(”);

H=’…’;

H=H.split(”);

M=’….’;

M=M.split(”);

S=’…..’;

S=S.split(”);

Face=’1 2 3 4 5 6 7 8 9 10 11 12′;

font=’Arial’;

size=1;

speed=0.9;

ns=(document.layers);

ie=(document.all);

Face=Face.split(‘ ‘);

n=Face.length;

a=size*10;

ymouse=0;

xmouse=0;

scrll=0;

props=”font face=”+font+” size=”+size+” color=”+fCol+””;

props2=”font face=”+font+” size=”+size+” color=”+dCol+””;

Split=360/n;

Dsplit=360/D.length;

HandHeight=ClockHeight/4.5

HandWidth=ClockWidth/4.5

HandY=-7;

HandX=-2.5;

scrll=0;

step=0.06;

currStep=0;

y=new Array();x=new Array();Y=new Array();X=new Array();

for (i=0; i n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}

Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();

for (i=0; i D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}

if (ns){

for (i=0; i D.length; i++)

document.write(‘layer name=”nsDate’+i+'” top=0 left=0 height=’+a+’ width=’+a+’center’+props2+D[i]+’/font/center/layer’);

for (i=0; i n; i++)

document.write(‘layer name=”nsFace’+i+'” top=0 left=0 height=’+a+’ width=’+a+’center’+props+Face[i]+’/font/center/layer’);

for (i=0; i S.length; i++)

document.write(‘layer name=nsSeconds’+i+’ top=0 left=0 width=15 height=15font face=Arial size=3 color=’+sCol+’centerb’+S[i]+’/b/center/font/layer’);

for (i=0; i M.length; i++)

document.write(‘layer name=nsMinutes’+i+’ top=0 left=0 width=15 height=15font face=Arial size=3 color=’+mCol+’centerb’+M[i]+’/b/center/font/layer’);

for (i=0; i H.length; i++)

document.write(‘layer name=nsHours’+i+’ top=0 left=0 width=15 height=15font face=Arial size=3 color=’+hCol+’centerb’+H[i]+’/b/center/font/layer’);

}

if (ie) {

document.write(‘div id=”Od” style=”position:absolute;top:0px;left:0px”div style=”position:relative”‘);

for (i=0; i D.length; i++)

document.write(‘div id=”ieDate” style=”position:absolute;top:0px;left:0;height:’+a+’;width:’+a+’;text-align:center”‘+props2+D[i]+’/font/div’);

document.write(‘/div/div’);

document.write(‘div id=”Of” style=”position:absolute;top:0px;left:0px”div style=”position:relative”‘);

for (i=0; i n; i++)

document.write(‘div id=”ieFace” style=”position:absolute;top:0px;left:0;height:’+a+’;width:’+a+’;text-align:center”‘+props+Face[i]+’/font/div’);

document.write(‘/div/div’);

document.write(‘div id=”Oh” style=”position:absolute;top:0px;left:0px”div style=”position:relative”‘);

for (i=0; i H.length; i++)

document.write(‘div id=”ieHours” style=”position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:’+hCol+’;text-align:center;font-weight:bold”‘+H[i]+’/div’);

document.write(‘/div/div’);

document.write(‘div id=”Om” style=”position:absolute;top:0px;left:0px”div style=”position:relative”‘);

for (i=0; i M.length; i++)

document.write(‘div id=”ieMinutes” style=”position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:’+mCol+’;text-align:center;font-weight:bold”‘+M[i]+’/div’);

document.write(‘/div/div’)

document.write(‘div id=”Os” style=”position:absolute;top:0px;left:0px”div style=”position:relative”‘);

for (i=0; i S.length; i++)

document.write(‘div id=”ieSeconds” style=”position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:’+sCol+’;text-align:center;font-weight:bold”‘+S[i]+’/div’);

document.write(‘/div/div’)

}

(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){

ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;

xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;

}

(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

function ClockAndAssign(){

time = new Date ();

secs = time.getSeconds();

sec = -1.57 + Math.PI * secs/30;

mins = time.getMinutes();

min = -1.57 + Math.PI * mins/30;

hr = time.getHours();

hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;

if (ie){

Od.style.top=window.document.body.scrollTop;

Of.style.top=window.document.body.scrollTop;

Oh.style.top=window.document.body.scrollTop;

Om.style.top=window.document.body.scrollTop;

Os.style.top=window.document.body.scrollTop;

}

for (i=0; i n; i++){

var F=(ns)?document.layers[‘nsFace’+i]:ieFace[i].style;

F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;

F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);

}

for (i=0; i H.length; i++){

var HL=(ns)?document.layers[‘nsHours’+i]:ieHours[i].style;

HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;

HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);

}

for (i=0; i M.length; i++){

var ML=(ns)?document.layers[‘nsMinutes’+i]:ieMinutes[i].style;

ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;

ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);

}

for (i=0; i S.length; i++){

var SL=(ns)?document.layers[‘nsSeconds’+i]:ieSeconds[i].style;

SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;

SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);

}

for (i=0; i D.length; i++){

var DL=(ns)?document.layers[‘nsDate’+i]:ieDate[i].style;

DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;

DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);

}

currStep-=step;

}

function Delay(){

scrll=(ns)?window.pageYOffset:0;

Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);

Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);

for (i=1; i D.length; i++){

Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);

Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);

}

y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);

x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);

for (i=1; i n; i++){

y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);

x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}

ClockAndAssign();

setTimeout(‘Delay()’,50);

}

if (ns||ie)window.onload=Delay;

//–

/script

/body

/html

JS 指定时间 刷新页面

script

setInterval(function(){

    var d=new date();

    if(d.getFullYear()==2018d.getMonth()==0d.getDate()==27d.getHours()==18d.getMinutes()==0)

        location.reload();

},60000);

/script

以上代码只会在指定时间（2018-1-27 18:00:00）刷新一次，如果希望每天的同一时间（比如18点整）都刷新，则

script

setInterval(function(){

    var d=new date();

    if(d.getHours()==18d.getMinutes()==0)

        location.reload();

},60000);

/script

求js指定时间范围对页面进行刷新代码

10到20分钟刷新页面：

setTimeout(“location.reload();”,parseInt(Math.random()*600000)+600000);

JS 5秒倒计时的代码怎么写？时间要实时显示在屏幕上的。

!DOCTYPE html

html lang=”en”

head

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /

titlejs实现倒计时60秒的简单代码(推荐)/title

script type=”text/javascript” src=”js/jquery.js”/script

/head

body

input type=”button” id=”btn” value=”免费获取验证码” onclick=”settime(this)” /

script type=”text/javascript”

var countdown=60;

function settime(val) {

if (countdown == 0) {

val.removeAttribute(“disabled”);

val.value=”免费获取验证码”;

countdown = 5;

} else {

val.setAttribute(“disabled”, true);

val.value=”重新发送(” + countdown + “)”;

countdown–;

setTimeout(function() {

settime(val)

},1000)

}

}

/script

/body

/html

JavaScript简介

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

JavaScript 课外书

如果 JavaScript 教程学习完毕，并且需要更深入地学习这门语言，《JavaScript 高级教程》绝对是您最好的选择。本教程从 JavaScript 的历史开始讲起，直到当前它对 XML 和 Web 服务的支持。

将学习到如何扩展该语言，以使它适应特殊的需求。

还将学到如何使用 JavaScript 创建无缝的客户机 – 服务器通信。

原创文章，作者：SVZMX，如若转载，请注明出处：https://www.506064.com/n/328939.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
SVZMXSVZMX
0
上一篇 2025-01-14 18:54
下一篇 2025-01-14 18:54

相关推荐

  • Python周杰伦代码用法介绍

    本文将从多个方面对Python周杰伦代码进行详细的阐述。 一、代码介绍 from urllib.request import urlopen from bs4 import Bea…

    编程 2025-04-29

  • Python字符串宽度不限制怎么打代码

    本文将为大家详细介绍Python字符串宽度不限制时如何打代码的几个方面。 一、保持代码风格的统一 在Python字符串宽度不限制的情况下，我们可以写出很长很长的一行代码。但是，为了…

    编程 2025-04-29

  • Python基础代码用法介绍

    本文将从多个方面对Python基础代码进行解析和详细阐述，力求让读者深刻理解Python基础代码。通过本文的学习，相信大家对Python的学习和应用会更加轻松和高效。 一、变量和数…

    编程 2025-04-29

  • 仓库管理系统代码设计Python

    这篇文章将详细探讨如何设计一个基于Python的仓库管理系统。 一、基本需求 在着手设计之前，我们首先需要确定仓库管理系统的基本需求。 我们可以将需求分为以下几个方面： 1、库存管…

    编程 2025-04-29

  • Python满天星代码：让编程变得更加简单

    本文将从多个方面详细阐述Python满天星代码，为大家介绍它的优点以及如何在编程中使用。无论是刚刚接触编程还是资深程序员，都能从中获得一定的收获。 一、简介 Python满天星代码…

    编程 2025-04-29

  • 写代码新手教程

    本文将从语言选择、学习方法、编码规范以及常见问题解答等多个方面，为编程新手提供实用、简明的教程。 一、语言选择 作为编程新手，选择一门编程语言是很关键的一步。以下是几个有代表性的编…

    编程 2025-04-29

  • Python实现简易心形代码

    在这个文章中，我们将会介绍如何用Python语言编写一个非常简单的代码来生成一个心形图案。我们将会从安装Python开始介绍，逐步深入了解如何实现这一任务。 一、安装Python …

    编程 2025-04-29

  • 怎么写不影响Python运行的长段代码

    在Python编程的过程中，我们不可避免地需要编写一些长段代码，包括函数、类、复杂的控制语句等等。在编写这些代码时，我们需要考虑代码可读性、易用性以及对Python运行性能的影响。…

    编程 2025-04-29

  • Python爱心代码动态

    本文将从多个方面详细阐述Python爱心代码动态，包括实现基本原理、应用场景、代码示例等。 一、实现基本原理 Python爱心代码动态使用turtle模块实现。在绘制一个心形的基础…

    编程 2025-04-29

  • 北化教务管理系统介绍及开发代码示例

    本文将从多个方面对北化教务管理系统进行介绍及开发代码示例，帮助开发者更好地理解和应用该系统。 一、项目介绍 北化教务管理系统是一款针对高校学生和教职工的综合信息管理系统。系统实现的…

    编程 2025-04-29

发表回复

登录后才能评论