html5js实现正计时,在Html5中js怎么设置正计时开始

这个是Html5的一个程序。我从网上拷贝下来的。现在打开后就是别人的计时，请问怎么变成让别人点击后计时再重新开始。然后就一直计时下去，其他人打开时依然是第一次点击时的计时。

这个是代码：

Our Love Story

@font-face {

font-family: digit;

src: url('digital-7_mono.ttf') format("truetype");

}

/**

* We are both Fudan SSers and programmers,

* so I write some code to celebrate our 1st anniversary.

Boy i = new Boy("hackerzhou");

Girl u = new Girl("MaryNee");

// Nov 2, 2010, I told you I love you.

i.love(u);

// Luckily, you accepted and became my girlfriend eversince.

u.accepted();

// Since then, I miss u every day.

i.miss(u);

// And take care of u and our love.

i.takeCareOf(u);

// You say that you won't be so easy to marry me.

// So I keep waiting and I have confidence that you will.

boolean isHesitate = true;

while (isHesitate) {

i.waitFor(u);

// I think it is an important decision

// and you should think it over.

isHesitate = u.thinkOver();

}

// After a romantic wedding, we will live happily ever after.

i.marry(u);

i.liveHappilyWith(u);

Minyue, I have fallen in love with you for

Love u forever and ever.

- hackerzhou

Inspired by FlowerPower project.

var offsetX = $("#loveHeart").width() / 2;

var offsetY = $("#loveHeart").height() / 2 - 55;

var together = new Date();

together.setFullYear(2010, 10, 2);

together.setHours(20);

together.setMinutes(0);

together.setSeconds(0);

together.setMilliseconds(0);

if (!document.createElement('canvas').getContext) {

var msg = document.createElement("div");

msg.id = "errorMsg";

msg.innerHTML = "Your browser doesn't support HTML5!
Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+";

document.body.appendChild(msg);

$("#code").css("display", "none")

$("#copyright").css("position", "absolute");

$("#copyright").css("bottom", "10px");

document.execCommand("stop");

} else {

setTimeout(function () {

startHeartAnimation();

}, 5000);

timeElapse(together);

setInterval(function () {

timeElapse(together);

}, 500);

adjustCodePosition();

$("#code").typewriter();

}

分享至：

html5js实现正计时,在Html5中js怎么设置正计时开始相关推荐

html5怎么设置表单居中显示图片,如何将html5中的图片设置居中？图片居中的代码！...
在各种形形色色的网页中少不了的就是图片了,在使用和浏览的时候我们看到都是文字的话肯定是不好受的,那么这次就来说说如何将html5中的图片设置居中,下面是小编分享的一些有关于在 html5 中图片如何居 ...
html5中video标签设置视频的宽度和高度
转自:https://blog.csdn.net/hahhahahaa/article/details/94547802
解决Echarts柱形图正负数在同一侧，并设置正负值不同颜色
let data = [100,20,-40,50,-10] //真实数值 let data1 = [] data.map(item=>{ //把负值都变成整数,放在新的数组里,用来展示柱形高度 ...
丰富网页摘要——HTML5中的“微数据”(MicroData)
什么是"微数据" 大多数网络管理员都熟悉网页上的HTML标签,通常情况下,HTML标记告诉浏览器如何显示在标签中包含的信息. 例如, <h1>阿凡达</h1> ...
HTML5中引入JS
在页面中引入JS <script src="jquery-1.10.2.min.js" type="text/javascript"></sc ...
html5 js选择器,使用HTML5的JS选择器操作页面中的元素
文件命名为:querySelector.html,可在Chrome浏览器中预览效果. 1 2 3 4 5 使用HTML5的JS选择器操作页面中的元素 6 7 8 9 10 兴趣爱好: 11 12 ...
掌财社:html5中AmazeUI框架中JS表单验证实战案例展示！
今天和大家分享个有关于"html5中AmazeUI框架中JS表单验证实战案例展示!"这方面的相关内容知识,让大家对于html5中AmazeUI框架也可以有所了解! 1.需求做一个 ...
html框架有什么作用,使用HTML5+CSS+JS框架有那些好处
使用HTML5+CSS+JS框架有那些好处 2017-12-08 相信很多程序猿朋友都用过框架,不过你是否知道你用的是HTML框架.CSS框架还是JS框架,其实这都不重要,重要的是使用框架的目的是什么 ...
html5中阴影,HTML5 Canvas 中的颜色、样式和阴影的属性和方法
颜色.样式和阴影的属性与方法 fillStyle 设置或返回用于填充绘画的颜色.渐变或模式 strokeStyle 设置或返回用于笔触的颜色.渐变或模式 ...

html5js实现正计时,在Html5中js怎么设置正计时开始

html5js实现正计时,在Html5中js怎么设置正计时开始相关推荐

最新文章

热门文章