Teilen Sie häufig verwendete Zeiteffekte in JavaScript-js-Tutorial-php.cn

Heim

Web-Frontend

js-Tutorial

Teilen Sie häufig verwendete Zeiteffekte in JavaScript

Sep 08, 2017 am 11:22 AM

javascript js 时间

为大家分享的JS时间特效代码如下

&amp;lt;head&gt;

&amp;lt;title&gt;3个最常用的JS时间特效&amp;lt;/title&gt;
&amp;lt;/head&gt;

&amp;lt;body&gt;
&amp;lt;table width=&quot;298&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;
 &amp;lt;tr&gt;
 &amp;lt;td height=&quot;50&quot; bgcolor=&quot;#f4f4f4&quot;&gt;
&amp;lt;script language=JavaScript&gt;
&amp;lt;!--
var enabled = 0; today = new Date();
var day; var date;
if(today.getDay()==0) day = &quot; 星期日&quot;
if(today.getDay()==1) day = &quot; 星期一&quot;
if(today.getDay()==2) day = &quot; 星期二&quot;
if(today.getDay()==3) day = &quot; 星期三&quot;
if(today.getDay()==4) day = &quot; 星期四&quot;
if(today.getDay()==5) day = &quot; 星期五&quot;
if(today.getDay()==6) day = &quot; 星期六&quot;
document.fgColor = &quot;000000&quot;;
date = &quot;今天是：&quot; + (today.getYear()) + &quot;年&quot; + (today.getMonth() + 1 ) + &quot;月&quot; + today.getDate() + &quot;日&quot; + day +&quot;&quot;;
document.write(date);
// --&gt;
&amp;lt;/script&gt;
&amp;lt;/td&gt;
 &amp;lt;/tr&gt;
 &amp;lt;tr&gt;
 &amp;lt;td height=&quot;50&quot;&gt;
 &amp;lt;p id=&quot;webjx&quot;&gt;&amp;lt;/p&gt;
 &amp;lt;script&gt;setInterval(&quot;webjx.innerHTML=new Date().toLocaleString()+&quot; 星期&quot;+&quot;日一二三四五六&quot;.charAt(new Date().getDay());&quot;,1000);
 &amp;lt;/script&gt;&amp;lt;/td&gt;
 &amp;lt;/tr&gt;
 &amp;lt;tr&gt;
 &amp;lt;td height=&quot;50&quot; bgcolor=&quot;#f4f4f4&quot;&gt;
 &amp;lt;span id=nowDate&gt;&amp;lt;/span&gt;
 &amp;lt;span id=nowTime&gt;&amp;lt;/span&gt;
 &amp;lt;script&gt;&amp;lt;!--
var ns4up1 = (document.layers) ? 1 : 0; // browser sniffer

var ie4up1 = (document.all&amp;&amp;(navigator.appVersion.indexOf(&quot;MSIE 4&quot;) == -1)) ? 1 : 0;

var ns6up1 = (document.getElementById&amp;&amp;!document.all) ? 1 : 0;

function nowclock() {
if (!ns4up1 &amp;&amp; !ie4up1 &amp;&amp; !ns6up1) return false;
var digital = new Date();
var hours = digital.getHours();
var minutes = digital.getMinutes();
var seconds = digital.getSeconds();
var day = digital.getDate();
var month = digital.getMonth() + 1;
var year = digital.getYear();
var amOrPm = &quot;AM&quot;;
if (hours &gt; 11) amOrPm = &quot;PM&quot;;
if (hours &gt; 12) hours = hours - 12;
if (hours == 0) hours = 12;
if (minutes &amp;lt; 10) minutes = &quot;0&quot; + minutes;
if (seconds &amp;lt; 10) seconds = &quot;0&quot; + seconds;
if (day &amp;lt; 10) day = &quot;0&quot; + day;
if (month &amp;lt; 10) month = &quot;0&quot; + month;
dispTime = hours + &quot;:&quot; + minutes + &quot;:&quot; + seconds + &quot; &quot; + amOrPm;
dispDate = year + &quot;年&quot; + month + &quot;月&quot; + day+ &quot;日, &quot; ;
if (ns4up1) {
document.layers.nowTime.document.write(dispTime);
document.layers.nowTime.document.close();
document.layers.nowDate.document.write(dispDate);
document.layers.nowDate.document.close();
} else if (ns6up1){
document.getElementById(&quot;nowTime&quot;).innerHTML = dispTime;
document.getElementById(&quot;nowDate&quot;).innerHTML = dispDate;
} else if (ie4up1){
nowTime.innerHTML = dispTime;
nowDate.innerHTML = dispDate;
} setTimeout(&quot;nowclock()&quot;, 1000);
} nowclock();
//--&gt;
 &amp;lt;/script&gt;

&amp;lt;/td&gt;
 &amp;lt;/tr&gt;
&amp;lt;/table&gt;

&amp;lt;/body&gt;
&amp;lt;/html&gt;

Nach dem Login kopieren

复制上面代码，直接运行即可得到下面的效果：

Das obige ist der detaillierte Inhalt vonTeilen Sie häufig verwendete Zeiteffekte in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn