体育资讯网

您现在的位置是:首页 > 分类13 > 正文

分类13

html高考倒计时源码(html倒计时代码)

hacker2022-07-10 01:25:19分类1353
本文目录一览:1、高考倒计时的html代码2、倒计时html代码

本文目录一览:

高考倒计时的html 代码

script language="JavaScript"

!-- // (c) Henryk Gajewski

var urodz= new Date("6/7/2009");

var s="6/7/2009";

var now = new Date();

var ile = urodz.getTime() - now.getTime();

var dni = Math.floor(ile / (1000 * 60 * 60 * 24));

if (dni 1)

document.write("今天离"+s+"还有"+dni +"天")

else if (dni == 1)

document.write("只有2天啦!")

else if (dni == 0)

document.write("只有1天啦!")

else

document.write("好象已经过了哦!");

// --

/script

不知道你用的是不是Dreamweaver 你要用的是这个 那直接黏贴到body与/body之间 就好了

倒计时html代码

倒计时的html代码:

!DOCTYPE HTML

html

head

meta charset="utf-8"

titleCSS3圆环倒计时-源码搜藏网/title

style

.pie { width:200px; height:200px; background-color:blue; border-radius:100px; position:absolute; }

.pie1 { clip:rect(0px,200px,200px,100px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); background:-moz-radial-gradient(20% 50% 0deg, #333, #0000ff); background:-webkit-gradient(radial, 100 100, 0, 100 100, 110, from(#000), to(#0000ff)); }

.pie2 { clip:rect(0px,100px,200px,0px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); background:-moz-radial-gradient(80% 50% 0deg, #333, #0000ff); background:-webkit-gradient(radial, 100 100, 0, 100 100, 110, from(#000), to(#0000ff)); }

.hold { width:200px; height:200px; position:absolute; z-index:1; }

.hold1 { clip:rect(0px,200px,200px,100px); }

.hold2 { clip:rect(0px,100px,200px,0px); }

.bg { width:200px; height:200px; background-color:red; border-radius:100px; position:absolute; box-shadow:0px 0px 8px #333; background:-moz-radial-gradient(0% 50% 0deg, #900, #ff0000); background:-webkit-gradient(radial, 100 100, 0, 100 100, 110, from(#900), to(#ff0000)); }

.time { width:160px; height:160px; margin:20px 0 0 20px; background-color:#fff; border-radius:100px; position:absolute; z-index:1; box-shadow:0px 0px 8px #333 inset; text-align:center; line-height:160px; font-family:"Book Antiqua", Palatino, serif; font-size:35px; font-weight:bold; text-shadow: 1px 1px 3px #333; }

.time em { background:#fff; position:absolute; top:62px; left:12px; height:18px; width:140px; opacity:0.4; }

/style

/head

body

div class="5eab-7728-d1c7-1e14 hold hold1"

  div class="7728-d1c7-1e14-eab2 pie pie1"/div

/div

div class="d1c7-1e14-eab2-cd69 hold hold2"

  div class="1e14-eab2-cd69-b528 pie pie2"/div

/div

div class="eab2-cd69-b528-2373 bg" /div

div class="cd69-b528-2373-03fa time"span/spanem/em/div

script src=""/script 

script

i = 0;

j = 0;

count = 0;

MM = 4;

SS = 59;

MS = 9;

totle = (MM+1)*600;

d = 180*(MM+1);

MM = "0" + MM;

function showTime(){

totle = totle - 1;

if(totle==0){

clearInterval(s);

clearInterval(t1);

clearInterval(t2);

$(".pie2").css("-o-transform","rotate(" + d + "deg)");

$(".pie2").css("-moz-transform","rotate(" + d + "deg)");

$(".pie2").css("-webkit-transform","rotate(" + d + "deg)");

}else{

if(totle0  MS0){

MS = MS - 1;

if(MS  10){MS = "0" + MS};

};

if(MS==0  SS0){

MS = 10;

SS = SS - 1;

if(SS  10){SS = "0" + SS};

};

if(SS==0  MM0){

SS = 60;

MM = MM - 1;

if(MM  10){MM = "0" + MM};

};

};

$(".time span").html(MM + ":" + SS + ":" + MS);

};

s = setInterval("showTime()",100);

function start1(){

i = i + 0.6;

count = count + 1;

if(count==300){

count = 0;

clearInterval(t1);

t2 = setInterval("start2()",100);

};

$(".pie1").css("-o-transform","rotate(" + i + "deg)");

$(".pie1").css("-moz-transform","rotate(" + i + "deg)");

$(".pie1").css("-webkit-transform","rotate(" + i + "deg)");

};

function start2(){

j = j + 0.6;

count = count + 1;

if(count==300){

count = 0;

clearInterval(t2);

t1 = setInterval("start1()",100);

};

$(".pie2").css("-o-transform","rotate(" + j + "deg)");

$(".pie2").css("-moz-transform","rotate(" + j + "deg)");

$(".pie2").css("-webkit-transform","rotate(" + j + "deg)");

};

t1 = setInterval("start1()",100);

/script 

input onclick="window.open('view-source:' + window.location.href)" type="button" value="查看源代码" style="position:absolute; right:0; top:0; width:80px; height:30px;"

/body

/html

直接复制代码,创建html文件,然后复制进去,就可以看到效果了。

求html 倒计时代码,中考、高考的倒计时。我想把这2个放在一起

标签 描述 DTD

!--...-- 定义注释。 STF

!DOCTYPE 定义文档类型。 STF

a 定义锚。 STF

abbr 定义缩写。 STF

acronym 定义只取首字母的缩写。 STF

address 定义文档作者或拥有者的联系信息。 STF

applet 不赞成使用。定义嵌入的 applet。 TF

area 定义图像映射内部的区域。 STF

b 定义粗体字。 STF

base 定义页面中所有链接的默认地址或默认目标。 STF

basefont 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 TF

bdo 定义文字方向。 STF

big 定义大号文本。 STF

blockquote 定义长的引用。 STF

body 定义文档的主体。 STF

br 定义简单的折行。 STF

button 定义按钮 (push button)。 STF

caption 定义表格标题。 STF

center 不赞成使用。定义居中文本。 TF

cite 定义引用(citation)。 STF

code 定义计算机代码文本。 STF

col 定义表格中一个或多个列的属性值。 STF

colgroup 定义表格中供格式化的列组。 STF

dd 定义定义列表中项目的描述。 STF

del 定义被删除文本。 STF

dir 不赞成使用。定义目录列表。 TF

div 定义文档中的节。 STF

dfn 定义定义项目。 STF

dl 定义定义列表。 STF

dt 定义定义列表中的项目。 STF

em 定义强调文本。 STF

fieldset 定义围绕表单中元素的边框。 STF

font 不赞成使用。定义文字的字体、尺寸和颜色。 TF

form 定义供用户输入的 HTML 表单。 STF

frame 定义框架集的窗口或框架。 F

frameset 定义框架集。 F

h1 to h6 定义 HTML 标题。 STF

head 定义关于文档的信息。 STF

hr 定义水平线。 STF

html 定义 HTML 文档。 STF

i 定义斜体字。 STF

iframe 定义内联框架。 TF

img 定义图像。 STF

input 定义输入控件。 STF

ins 定义被插入文本。 STF

isindex 不赞成使用。定义与文档相关的可搜索索引。 TF

kbd 定义键盘文本。 STF

label 定义 input 元素的标注。 STF

legend 定义 fieldset 元素的标题。 STF

li 定义列表的项目。 STF

link 定义文档与外部资源的关系。 STF

map 定义图像映射。 STF

menu 不赞成使用。定义菜单列表。 TF

meta 定义关于 HTML 文档的元信息。 STF

noframes 定义针对不支持框架的用户的替代内容。 TF

noscript 定义针对不支持客户端脚本的用户的替代内容。 STF

object 定义内嵌对象。 STF

ol 定义有序列表。 STF

optgroup 定义选择列表中相关选项的组合。 STF

option 定义选择列表中的选项。 STF

p 定义段落。 STF

param 定义对象的参数。 STF

pre 定义预格式文本。 STF

q 定义短的引用。 STF

s 不赞成使用。定义加删除线的文本。 TF

samp 定义计算机代码样本。 STF

script 定义客户端脚本。 STF

select 定义选择列表(下拉列表)。 STF

small 定义小号文本。 STF

span 定义文档中的节。 STF

strike 不赞成使用。定义加删除线文本。 TF

strong 定义强调文本。 STF

style 定义文档的样式信息。 STF

sub 定义下标文本。 STF

sup 定义上标文本。 STF

table 定义表格。 STF

tbody 定义表格中的主体内容。 STF

td 定义表格中的单元。 STF

textarea 定义多行的文本输入控件。 STF

tfoot 定义表格中的表注内容(脚注)。 STF

th 定义表格中的表头单元格。 STF

thead 定义表格中的表头内容。 STF

title 定义文档的标题。 STF

tr 定义表格中的行。 STF

tt 定义打字机文本。 STF

u 不赞成使用。定义下划线文本。 TF

ul 定义无序列表。 STF

var 定义文本的变量部分。 STF

xmp 不赞成使用。定义预格式文本。

html页面的倒计时代码。。。。急求!!!!

body

div id="timer"/div

script type="text/javascript" language="javascript"

var endDate=new Date(2010,11,11,17,05,40);//年月日时分秒,月要减去1

(function daoJiShi()

{

var now=new Date();

var oft=Math.round((endDate-now)/1000);

var ofd=parseInt(oft/3600/24);

var ofh=parseInt((oft%(3600*24))/3600);

var ofm=parseInt((oft%3600)/60);

var ofs=oft%60;

document.getElementById('timer').innerHTML='还有 '+ofd+' 天 ' +ofh+ ' 小时 ' +ofm+ ' 分钟 ' +ofs+ ' 秒';

if(ofs0){document.getElementById('timer').innerHTML='倒计时结束!';return;};

setTimeout('daoJiShi()',1000);

}());

/script

/body

发表评论

评论列表

  • 泪灼断渊(2022-07-10 11:22:57)回复取消回复

    个列的属性值。 STF colgroup 定义表格中供格式化的列组。 STF dd 定义定义列表中项目的描述。 STF del 定义被删除文本。 STF dir 不赞成使用。定义目录列表。 TF div 定义文档中的节。 STF dfn 定义定义项

  • 辞眸酒颂(2022-07-10 04:38:06)回复取消回复

    #0000ff)); }.hold { width:200px; height:200px; position:absolute; z-index:1; }.hold1 { clip:rect(0px,200px,200px,100px); 

  • 孤央桔烟(2022-07-10 11:25:26)回复取消回复

    水平线。 STF html 定义 HTML 文档。 STF i 定义斜体字。 STF iframe 定义内联框架。 TF img 定义图像。 STF input 定义输入控