LLWiki正在建设中,欢迎加入我们!
“MediaWiki:Gadget-UTCLiveClock.js”的版本间差异
跳转到导航
跳转到搜索
(// Edit via Wikiplus) |
小 (new personal menu) 标签:移动版网页编辑 移动版编辑 |
||
(未显示2个用户的27个中间版本) | |||
第1行: | 第1行: | ||
//<nowiki> |
|||
/** |
/** |
||
* Warning! Global gadget file! |
|||
* |
|||
* This gadget adds a clock in the personal toolbar that shows the current time |
* This gadget adds a clock in the personal toolbar that shows the current time |
||
* in UTC (or a different timezone of your choosing), and also provides a link |
* in UTC (or a different timezone of your choosing), and also provides a link |
||
第7行: | 第6行: | ||
* |
* |
||
* Revision: July 2020 |
* Revision: July 2020 |
||
* Source: https://www.mediawiki |
* Source: [https://www.mediawiki.org/wiki/MediaWiki:Gadget-UTCLiveClock.js] |
||
* |
|||
* Installation: |
|||
* |
|||
* 1. Copy the JS page at https://www.mediawiki.wikimirror.org/wiki/MediaWiki:Gadget-UTCLiveClock.js |
|||
* to the page [[MediaWiki:Gadget-UTCLiveClock.js]] on your wiki. |
|||
* |
|||
* 2. Copy the CSS page at https://www.mediawiki.wikimirror.org/wiki/MediaWiki:Gadget-UTCLiveClock.css |
|||
* to the page [[MediaWiki:Gadget-UTCLiveClock.css]] on your wiki. |
|||
* |
|||
* 3. Copy the CSS page at https://www.mediawiki.wikimirror.org/wiki/MediaWiki:Gadget-UTCLiveClock-pagestyles.css |
|||
* to the page [[MediaWiki:Gadget-UTCLiveClock-pagestyles.css]] on your wiki. |
|||
* |
|||
* 4. Add a description of the gadget to the page [[MediaWiki:Gadget-UTCLiveClock]] |
|||
* on your wiki. You can use https://www.mediawiki.wikimirror.org/wiki/MediaWiki:Gadget-UTCLiveClock |
|||
* as a template. |
|||
* |
|||
* 5. Add the following code to your wiki's [[MediaWiki:Gadgets-definition]]: |
|||
* |
|||
* * UTCLiveClock[ResourceLoader|type=general|dependencies=mediawiki.util,mediawiki.api|peers=UTCLiveClock-pagestyles]|UTCLiveClock.js|UTCLiveClock.css |
|||
* * UTCLiveClock-pagestyles[hidden|skins=vector,monobook]|UTCLiveClock-pagestyles.css |
|||
* |
|||
* |
* |
||
* To set the timezone used to one other than UTC, set window.LiveClockTimeZone to |
* To set the timezone used to one other than UTC, set window.LiveClockTimeZone to |
||
* the desired timezone. |
* the desired timezone. |
||
*/ |
*/ |
||
/*global mw, $ */ |
|||
mw.loader.using( ['mediawiki.util', 'mediawiki.api'] ).then( function () { |
|||
function padWithZeroes( num ) { |
function padWithZeroes( num ) { |
||
第43行: | 第19行: | ||
function showTime( $target ) { |
function showTime( $target ) { |
||
var now = new Date() |
var now = new Date(), |
||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
if ( timezone === "UTC" ) { |
if ( timezone === "UTC" ) { |
||
hh = now.getUTCHours(); |
hh = now.getUTCHours(); |
||
第70行: | 第44行: | ||
ss = newNow.getSeconds(); |
ss = newNow.getSeconds(); |
||
} catch ( err ) { |
} catch ( err ) { |
||
console. |
console.error( "LiveClock - error creating Date object with timezone '" + timezone + "': " + err.name); |
||
hh = now.getHours(); |
|||
mm = now.getMinutes(); |
|||
ss = now.getSeconds(); |
|||
mm = now.getUTCMinutes(); |
|||
ss = now.getUTCSeconds(); |
|||
} |
} |
||
} |
} |
||
第96行: | 第68行: | ||
function liveClock() { |
function liveClock() { |
||
// Set CSS styles. We do this here instead of on the CSS page because some |
|||
// wikis load this page directly, without loading the accompanying CSS. |
|||
mw.util.addCSS( '#utcdate a { font-weight:bolder; font-size:120%; }' ); |
|||
// Reset whitespace that was set in the peer CSS gadget; this prevents the |
// Reset whitespace that was set in the peer CSS gadget; this prevents the |
||
// effect of the p-personal menu jumping to the left when the JavaScript |
// effect of the p-personal menu jumping to the left when the JavaScript |
||
// loads. |
// loads. |
||
$( ' |
$( '.skin-vector #p-personal ul' ).css( 'margin-right', 0 ); |
||
$( '.client-js > body.skin-monobook #p-personal ul' ).css( 'margin-right', 'initial' ); |
|||
// Add the portlet link. |
// Add the portlet link. |
||
var node |
var node; |
||
if(mw.config.get('skin') == 'vector' && window.LiveClockMode != 'mobile') { |
|||
'p-personal', |
|||
node = mw.util.addPortletLink( |
|||
⚫ | |||
'', |
'p-personal', |
||
⚫ | |||
⚫ | |||
'', |
|||
); |
|||
⚫ | |||
⚫ | |||
); |
|||
} else if ( mw.config.get('skin') == 'minerva' && window.LiveClockMode != 'desktop' ) { |
|||
node = $('<div id="utcdate"><a href="#"></a></div>').insertAfter('.minerva-user-menu'); |
|||
} |
} |
||
// Purge the page when the clock is clicked. We have to do this through the |
// Purge the page when the clock is clicked. We have to do this through the |
||
// API, as purge URLs now make people click through a confirmation screen. |
// API, as purge URLs now make people click through a confirmation screen. |
||
⚫ | |||
$( node ).on( 'click', function ( e ) { |
$( node ).on( 'click', function ( e ) { |
||
if( mw.config.get('wgIsArticle') ) { |
|||
new mw.Api().post( { action: 'purge', titles: mw.config.get( 'wgPageName' ) } ).then( function () { |
|||
location.reload(); |
location.reload(); |
||
}, function () { |
}, function () { |
||
mw.notify( 'Purge failed', { type: 'error' } ); |
|||
mw.notify( wgULS('清除缓存失败!', '清除快取失敗!'), { type: 'error' } ); |
|||
} ); |
} ); |
||
} |
|||
else { |
|||
mw.notify( wgULS('当前页面不是内容页面', '當前頁面不是內容頁面'), { type: 'error' } ); |
|||
} |
|||
e.preventDefault(); |
e.preventDefault(); |
||
} ); |
} ); |
||
// Show the clock. |
// Show the clock. |
||
showTime( $( node ). |
showTime( $( node ).children( 'a' ) ); |
||
} |
} |
||
$( liveClock ); |
$( liveClock ); |
||
//</nowiki> |
|||
} ); |
2023年2月26日 (日) 17:14的最新版本
//<nowiki> /** * This gadget adds a clock in the personal toolbar that shows the current time * in UTC (or a different timezone of your choosing), and also provides a link * to purge the current page. * * Revision: July 2020 * Source: [https://www.mediawiki.org/wiki/MediaWiki:Gadget-UTCLiveClock.js] * * To set the timezone used to one other than UTC, set window.LiveClockTimeZone to * the desired timezone. */ function padWithZeroes( num ) { // Pad a number with zeroes. The number must be an integer where // 0 <= num < 100. return num < 10 ? '0' + num.toString() : num.toString(); } function showTime( $target ) { var now = new Date(), timezone = window.LiveClockTimeZone || 'local', // Set the time. hh, mm, ss; if ( timezone === "UTC" ) { hh = now.getUTCHours(); mm = now.getUTCMinutes(); ss = now.getUTCSeconds(); } else if ( timezone === "local" ) { hh = now.getHours(); mm = now.getMinutes(); ss = now.getSeconds(); } else { var newNow; try { newNow = new Date( now.toLocaleString( "en-US", { timeZone: timezone } ) ); hh = newNow.getHours(); mm = newNow.getMinutes(); ss = newNow.getSeconds(); } catch ( err ) { console.error( "LiveClock - error creating Date object with timezone '" + timezone + "': " + err.name); hh = now.getHours(); mm = now.getMinutes(); ss = now.getSeconds(); } } var time = padWithZeroes( hh ) + ':' + padWithZeroes( mm ) + ':' + padWithZeroes( ss ); $target.text( time ); // Schedule the next time change. // // We schedule the change for 100 ms _after_ the next clock tick. The delay // from setTimeout is not precise, and if we aim exactly for the tick, there // is a chance that the function will run slightly before it. If this // happens, we will display the same time for two seconds in a row - not // good. By scheduling 100 ms after the tick, we will always be about 100 ms // late, but we are also very likely to display a new time every second. var ms = now.getUTCMilliseconds(); setTimeout( function () { showTime( $target ); }, 1100 - ms ); } function liveClock() { // Reset whitespace that was set in the peer CSS gadget; this prevents the // effect of the p-personal menu jumping to the left when the JavaScript // loads. $( '.skin-vector #p-personal ul' ).css( 'margin-right', 0 ); // Add the portlet link. var node; if(mw.config.get('skin') == 'vector' && window.LiveClockMode != 'mobile') { node = mw.util.addPortletLink( 'p-personal', mw.util.getUrl( null, { action: 'purge' } ), '', 'utcdate' ); } else if ( mw.config.get('skin') == 'minerva' && window.LiveClockMode != 'desktop' ) { node = $('<div id="utcdate"><a href="#"></a></div>').insertAfter('.minerva-user-menu'); } // Purge the page when the clock is clicked. We have to do this through the // API, as purge URLs now make people click through a confirmation screen. if(!node) { return; } $( node ).on( 'click', function ( e ) { if( mw.config.get('wgIsArticle') ) { new mw.Api().post( { action: 'purge', titles: mw.config.get( 'wgPageName' ) } ).then( function () { location.reload(); }, function () { mw.notify( wgULS('清除缓存失败!', '清除快取失敗!'), { type: 'error' } ); } ); } else { mw.notify( wgULS('当前页面不是内容页面', '當前頁面不是內容頁面'), { type: 'error' } ); } e.preventDefault(); } ); // Show the clock. showTime( $( node ).children( 'a' ) ); } $( liveClock ); //</nowiki>